//START BLENDTRANS SCRIPT ===========================================================================================================================================================

function fadeimages(objfadeout,objfadein) {	
	opacity(objfadeout, 100, 10, 400); //set object opacity to 10
	if (objfadein!='void') opacity(objfadein, 0, 100, 400); //set object opacity to 100
}

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++;
		}
	}
}

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

function fadein(id,millisec) { currentOpac(id,100,millisec); }

function fadeout(id,millisec) { currentOpac(id,0,millisec); }

function switchimgcategory(id,imgsrc) {
	//fadein(id, millisec)
	//opacity(id, 0, 100, millisec)
	replaceimage(id, imgsrc);
}

function shiftOpacity(id,millisec) {
	//if an element is invisible, make it visible, else make it ivisible
	var object=document.getElementById(id).style;
	if(object.opacity==0) {
		opacity(id,0,100,millisec);		
	} else {		
		opacity(id,100,0,millisec);
	}
}

function blendimage(divid,imageid,imagefile,millisec) {
	var speed=Math.round(millisec / 100);
	var timer=0;	
	//set the current image as background
	document.getElementById(divid).style.backgroundImage="url(" + document.getElementById(imageid).src + ")";
	document.getElementById(divid).style.backgroundRepeat='no-repeat'; 
	//make image transparent
	changeOpac(0, imageid);	
	//make new image
	document.getElementById(imageid).src=imagefile;

	//fade in image
	for(i=0; i <= 100; i++) {
		setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
		timer++;
	}
}

function replaceimage(imageid,imagefile) { document.getElementById(imageid).src=imagefile;	}

function blendimage_original(divid,imageid,imagefile,millisec) {
	var speed=Math.round(millisec / 100);
	var timer=0;	
	//set the current image as background
	document.getElementById(divid).style.backgroundImage="url(" + document.getElementById(imageid).src + ")";
	//make image transparent
	changeOpac(0, imageid);	
	//make new image
	document.getElementById(imageid).src=imagefile;
	//fade in image
	for(i=0; i <= 100; i++) {
		setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
		timer++;
	}
}

function currentOpac(id,opacEnd,millisec) {
	//standard opacity is 100
	var currentOpac=100;	
	//if the element has an opacity set, get it
	if(document.getElementById(id).style.opacity < 100) {
		currentOpac=document.getElementById(id).style.opacity * 100;
	}
	//call for the function that changes the opacity
	opacity(id,currentOpac,opacEnd,millisec)
}

function displayimage(imgobjectid,imgobjectsource) {
	var width='300';		
	img_first=new Image();
	img_first.src=imgobjectsource;
	img_first.width='500px';
	document.getElementById(imgobjectid).src=img_first.src;
	document.getElementById(imgobjectid).width=width;
	//document.getElementById(imgobjectid).style.borderColor='#FFFFFF';	//#006F5D 026049	 
}
	
function replacedivcontent(divid,divcontent) { document.getElementById(divid).innerHTML=divcontent; }
//set image source to image object
function showimage(imgobjectid, imgobjectsource) {	displayimage(imgobjectid,imgobjectsource);	}
//if object is visible, hide. otherwise, unhide.
function togglevisibility(obj) {	
	stat=document.getElementById(obj).style.visibility;
	if (stat=='visible') document.getElementById(obj).style.visibility='hidden';
	else document.getElementById(obj).style.visibility='visible';
}
//set object to visible
function showelement(obj) {	document.getElementById(obj).style.visibility='visible'; }
//set object to invisible
function hideelement(obj) {	document.getElementById(obj).style.visibility='hidden'; }

//END BLENDTRANS FUNCTIONS ==========================================================================================================================================================