var j = 0;
var fadeup_opacity;
var fadedown_opacity;

function ClearAllImages(maxnumber) {
	var i = 1;

	while (i <= maxnumber) {
		var imageid = 'image' + i;
		var imagetextid = 'imagetext' + i;
		if (document.getElementById('image' + i).style.display == 'block') {
			//document.getElementById('image' + i).style.display = 'none';
			document.getElementById('imagetext' + i).style.display = 'none';
			fadedown_opacity = 1;
			FadeDown(i);
		}
		document.getElementById('imagebutton' + i).innerHTML = '<a href="javascript:ThisImage(' + i + ',' + maxnumber + ')">' + i + '</a>';
	
		i++;
	} 
}

function NextImage(imagenumber,maxnumber){

	StopRotate(maxnumber);
	ClearAllImages(maxnumber);		

	if (imagenumber == maxnumber) {
		document.getElementById('imagebutton1').innerHTML = '<a class="currentimage">1</a>';		
		document.getElementById('image1').style.opacity = 0;
		//document.getElementById('image1').style.filter = 'alpha(opacity=' + 0 + ')';
		//document.getElementById('imagetext1').style.opacity = 0;
		document.getElementById('image1').style.display = 'block';
		document.getElementById('imagetext1').style.display = 'block';
		document.getElementById('nextimagebutton').innerHTML = '<a style="color:#fff" href="javascript:NextImage(1,' + maxnumber + ')">>></a>';
		document.getElementById('previmagebutton').innerHTML = '<a style="color:#fff" href="javascript:PrevImage(' + (imagenumber + 1) + ',' + maxnumber + ')"><<</a>';
		fadeup_opacity = 0.05;
		setTimeout("FadeUp(1)",400);
		j = 1;
	} else {
		document.getElementById('imagebutton' + (imagenumber + 1)).innerHTML = '<a class="currentimage">' + (imagenumber + 1) + '</a>';
		document.getElementById('image' + (imagenumber + 1)).style.opacity = 
		//document.getElementById('image' + (imagenumber + 1)).style.filter = 'alpha(opacity=' + 0 + ')';
		//document.getElementById('imagetext' + (imagenumber + 1)).style.opacity = 0;
		document.getElementById('image' + (imagenumber + 1)).style.display = 'block';
		document.getElementById('imagetext' + (imagenumber + 1)).style.display = 'block';
		document.getElementById('nextimagebutton').innerHTML = '<a style="color:#fff" href="javascript:NextImage(' + (imagenumber + 1) + ',' + maxnumber + ')">>></a>';
		document.getElementById('previmagebutton').innerHTML = '<a style="color:#fff" href="javascript:PrevImage(' + (imagenumber + 1) + ',' + maxnumber + ')"><<</a>';
		fadeup_opacity = 0.05;
		setTimeout("FadeUp(" + (imagenumber + 1) + ")",400);
		j = imagenumber + 1;
	}
}

function PrevImage(imagenumber,maxnumber){

	StopRotate(maxnumber);
	ClearAllImages(maxnumber);
	
	if (imagenumber == 1) {
		document.getElementById('imagebutton' + maxnumber).innerHTML = '<a class="currentimage">' + maxnumber + '</a>';
		document.getElementById('image' + maxnumber).style.opacity = 0;
		//document.getElementById('image' + maxnumber).style.filter = 'alpha(opacity=' + 0 + ')';
		//document.getElementById('imagetext' + maxnumber).style.opacity = 0;
		document.getElementById('image' + maxnumber).style.display = 'block';
		document.getElementById('imagetext' + maxnumber).style.display = 'block';	
		document.getElementById('nextimagebutton').innerHTML = '<a style="color:#fff" href="javascript:NextImage(1,' + maxnumber + ')">>></a>';
		document.getElementById('previmagebutton').innerHTML = '<a style="color:#fff" href="javascript:PrevImage(' + maxnumber + ',' + maxnumber + ')"><<</a>';	
		fadeup_opacity = 0.05;
		setTimeout("FadeUp(" + maxnumber + ")",400);
		j = maxnumber;
	} else {
		document.getElementById('imagebutton' + (imagenumber - 1)).innerHTML = '<a class="currentimage" >' + (imagenumber - 1) + '</a>';
		document.getElementById('image' + (imagenumber - 1)).style.opacity = 0;
		//document.getElementById('image' + (imagenumber - 1)).style.filter = 'alpha(opacity=' + 0 + ')';
		//document.getElementById('imagetext' + (imagenumber - 1)).style.opacity = 0;
		document.getElementById('image' + (imagenumber - 1)).style.display = 'block';
		document.getElementById('imagetext' + (imagenumber - 1)).style.display = 'block';
		document.getElementById('nextimagebutton').innerHTML = '<a style="color:#fff" href="javascript:NextImage(' + (imagenumber - 1) + ',' + maxnumber + ')">>></a>';
		document.getElementById('previmagebutton').innerHTML = '<a style="color:#fff" href="javascript:PrevImage(' + (imagenumber - 1) + ',' + maxnumber + ')"><<</a>';	
		fadeup_opacity = 0.05;
		setTimeout("FadeUp(" + (imagenumber - 1) + ")",400);
		j = imagenumber - 1;
	}
}

function ThisImage(imagenumber,maxnumber){

	ClearAllImages(maxnumber);

	document.getElementById('imagebutton' + imagenumber).innerHTML =  '<a class="currentimage">' + imagenumber + '</a>';
	document.getElementById('image' + imagenumber).style.opacity = 0;
	document.getElementById('image' + imagenumber).style.filter = 'alpha(opacity=' + 0 + ')';
	//document.getElementById('imagetext' + imagenumber).style.opacity = 0;
	document.getElementById('image' + imagenumber).style.display = 'block';
	document.getElementById('imagetext' + imagenumber).style.display = 'block';
	document.getElementById('nextimagebutton').innerHTML = '<a style="color:#fff" href="javascript:NextImage(' + imagenumber + ',' + maxnumber + ')">>></a>';
	document.getElementById('previmagebutton').innerHTML = '<a style="color:#fff" href="javascript:PrevImage(' + imagenumber + ',' + maxnumber + ')"><<</a>';	
	fadeup_opacity = 0.1;
	setTimeout("FadeUp(" + imagenumber + ")",400);		
	j = imagenumber;
}

var t;
var timer_is_on=0; 

function StartSlideShow(maxnumber){
	setTimeout("StartRotate(" + maxnumber + ")",2000);
}

function StartRotate(maxnumber){

	document.getElementById('imagetext0').style.display = 'none';
	j++;

	if (j > maxnumber){
		j = 1;
	}  
	
	ThisImage(j,maxnumber);
	t=setTimeout("StartRotate(" + maxnumber + ")",3000);
	document.getElementById('stopimagebutton').innerHTML = '<a href="javascript:StopRotate(' + maxnumber + ')">||</a>';
}

function StopRotate(maxnumber){
	clearTimeout(t);
	timer_is_on=0;
	document.getElementById('stopimagebutton').innerHTML = '<a href="javascript:StartRotate(' + maxnumber + ')">&gt;</a>';
}

function FadeUp(imagenumber){

	fadeup_opacity += 0.1;
	document.getElementById('image' + imagenumber).style.opacity = fadeup_opacity;
	document.getElementById('image' + imagenumber).style.filter = 'alpha(opacity=' + fadeup_opacity * 100 + ')';
	//document.getElementById('imagetext' + imagenumber).style.opacity = fadeup_opacity;

	if(fadeup_opacity <= 1){
		setTimeout("FadeUp("+ imagenumber +")", 20);	
	} else {
		document.getElementById('image' + imagenumber).style.opacity = 1;
		//document.getElementById('image1').style.filter = 'alpha(opacity=' + 100 + ')';
		//document.getElementById('imagetext' + imagenumber).style.opacity = 1;
	}				
}

function FadeDown(imagenumber){

	fadedown_opacity = fadedown_opacity - 0.1;
	document.getElementById('image' + imagenumber).style.opacity = fadedown_opacity;
	document.getElementById('image' + imagenumber).style.filter = 'alpha(opacity=' + fadedown_opacity * 100 + ')';
	//document.getElementById('imagetext' + imagenumber).style.opacity = fadedown_opacity;
	if(fadedown_opacity > 0){
		setTimeout("FadeDown("+ imagenumber +")", 10);	
	} else {
		document.getElementById('image' + imagenumber).style.opacity = 0;
		document.getElementById('image1').style.filter = 'alpha(opacity=' + 0 + ')';
		//document.getElementById('imagetext' + imagenumber).style.opacity = 0;
		document.getElementById('image' + imagenumber).style.display = 'none';
		document.getElementById('imagetext' + imagenumber).style.display = 'none';
	}		
}

function opacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
}

function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filters.alpha.opacity = opacity;
    object.filter = "alpha(opacity=" + opacity + ")";
}