function swapimg(obj, newsrc){
	obj.src=newsrc;
}

function setUrl(url){
	document.location.href=url;
}

function changebg(obj, newclr){
	obj.style.backgroundColor=newclr;
}

// Ensure background color is set in style property of tag, as well as a name property.

function fadebg(objid, newBack){

	var obj=document.getElementById(objid)
	var back=obj.style.backgroundColor;

	if(back.length<8){
		back=back.substring(back.indexOf("#")+1, 6);
		var backRedVal=parseInt(back.substr(back.indexOf("#")+1,2), 16);
		var backGreenVal=parseInt(back.substr(back.indexOf("#")+3,2), 16);
		var backBlueVal=parseInt(back.substr(back.indexOf("#")+5,2), 16);
	}
	else{
		back=back.substr(back.indexOf("(")+1, back.indexOf(")")-back.indexOf("(")-1);
		var backvals=back.split(",");
		var backRedVal=parseInt(backvals[0]);
		var backGreenVal=parseInt(backvals[1]);
		var backBlueVal=parseInt(backvals[2]);
	}
	var newBackRedVal=parseInt(newBack.substr(0,2), 16);
	var newBackGreenVal=parseInt(newBack.substr(2,2), 16);
	var newBackBlueVal=parseInt(newBack.substr(4,2), 16);

	var redOK=false;
	var blueOK=false;
	var greenOK=false;

	var i=1;
	
	while(!(redOK && greenOK && blueOK)){
		if(newBackRedVal>backRedVal){
			if((newBackRedVal-backRedVal)<5) backRedVal=newBackRedVal;
			else backRedVal+=5;
		}
		else if(newBackRedVal<backRedVal){
			if((backRedVal-newBackRedVal)<5) backRedVal=newBackRedVal;
			else backRedVal-=5;
		}
		else{ redOK=true; }
		if(newBackGreenVal>backGreenVal){
			if((newBackGreenVal-backGreenVal)<5) backGreenVal=newBackGreenVal;
			else backGreenVal+=5;
		}
		else if(newBackRedVal<backRedVal){
			if((backGreenVal-newBackGreenVal)<5) backGreenVal=newBackGreenVal;
			else backGreenVal-=5;
		}
		else{ greenOK=true; }
		if(newBackRedVal>backRedVal){
			if((newBackBlueVal-backBlueVal)<5) backBlueVal=newBackBlueVal;
			else backBlueVal+=5;
		}
		else if(newBackRedVal<backRedVal){
			if((backBlueVal-newBackBlueVal)<5) backBlueVal=newBackBlueVal;
			else backBlueVal-=5;
		}
		else{ blueOK=true; }	
		setTimeout("fadebgdoit('rgb(" + backRedVal + ", " + backBlueVal + ", " + backGreenVal + ")', '" + obj.id + "')", 50*i++);
	}
}

function fadebgdoit(objclr, objid){
	document.getElementById(objid).style.backgroundColor=objclr;
}

function changepos(objid, newleft, newtop, speed){
	var obj=document.getElementById(objid);
	var posleft=parseInt(obj.style.left);
	var postop=parseInt(obj.style.top);

	var leftOK=false;
	var topOK=false;

	var i=1;

	while(!(leftOK && topOK)){
		if(newleft > posleft){
			if((newleft - posleft)<2) posleft = newleft;
			else posleft+=(newleft-posleft)*0.1;
		}
		else if(newleft < posleft){
			if((posleft - newleft)<2) posleft = newleft;
			else posleft-=(posleft-newleft)*0.1;
		}
		else{ leftOK=true; }

		if(newtop > postop){
			if((newtop - postop)<2) postop = newtop;
			else postop+=(newtop-postop)*0.1;
		}
		else if(newtop < postop){
			if((postop - newtop)<2) postop = newtop;
			else postop-=(postop-newtop)*0.1;
		}
		else{ topOK=true; }
		setTimeout("changeposdoit('" + obj.id + "', '" + posleft + "', '" + postop + "')", speed*i++);
	}
}

function changeposdoit(objid, left, top){
	document.getElementById(objid).style.left=left;
	document.getElementById(objid).style.top=top;
}

function toggleVisible(id){
	if (document.getElementById)
	{
		vista = (document.getElementById(id).style.visibility == 'hidden') ? 'visible' : 'hidden';
		document.getElementById(id).style.visibility = vista;

	}
}