/*** MENU BUTTONS ***/
function changeToGrayImage(image){
	image.src = image.src.replace("color", "gray");
}

function changeToColorImage(image){
	image.src = image.src.replace("gray", "color");
}
/*******************/



/*** MEDIA CONTENT ***/

function setMediaContent(media_path, media_type){
	var layer = document.getElementById("game_mediaContent");
	if(layer==null) return;
	
	layer.innerHTML = "";
	
	if(media_type=="image"){
		var width = layer.style.width;
		var height = layer.style.height;
		var innerHTML = '<img src="' + media_path + '" style="width:'+width+';height:'+height+'" >';
		layer.innerHTML = innerHTML;
	}
	
	if(media_type=="youtube"){
		var width = parseInt(layer.style.width);
		var height = parseInt(layer.style.height);
		layer.innerHTML = '<object width="'+width+'" height="'+height+'"><param name="movie" value="http://www.youtube.com/v/'+media_path+'"><param name="wmode" value="transparent"><embed src="http://www.youtube.com/v/'+media_path+'" type="application/x-shockwave-flash" wmode="transparent" width="'+width+'" height="'+height+'"></embed></object>';
	}
}

/*******************************/


/***** FIND OBJECT POSITION AND MOVE ******/
function findPosX(obj){
	var curleft = 0;
	if(obj.offsetParent){
		while(1){
			curleft += obj.offsetLeft;
			if(!obj.offsetParent)break;
			obj = obj.offsetParent;
		}
	}
	else if(obj.x) curleft += obj.x;
	return curleft;
}

function findPosY(obj){
	var curtop = 0;
	if(obj.offsetParent){
		while(1){
			curtop += obj.offsetTop;
			if(!obj.offsetParent) break;
			obj = obj.offsetParent;
		}
	}
	else if(obj.y) curtop += obj.y;
	return curtop;
}


var lastIntervalID=0;
function move(containerLayer, contentlayerName, clientX){
	var contentLayer = document.getElementById(contentlayerName);
	if(contentLayer==null) return;
	
	var totalX = parseInt(containerLayer.style.width);
	var offsetX = clientX - findPosX(containerLayer);
	
	var inc = 0;
	if(offsetX<32) inc = 4;
	else if(offsetX>(totalX-32)) inc = -4;
	
	clearInterval(lastIntervalID);
	moving( contentlayerName, totalX-parseInt(contentLayer.style.width), 0, inc);
	lastIntervalID = setInterval("moving('" + contentlayerName + "',"+(totalX-parseInt(contentLayer.style.width))+",0,"+inc+");",60);
}

function moving(layerName, xmin, xmax, inc){
	var layer = document.getElementById(layerName);
	if(layer==null) return;

	var x = parseInt(layer.style.marginLeft);
	x += inc;
	
	if(inc!=0 && x>=xmin && x<=xmax) layer.style.marginLeft = x + 'px';
	else clearInterval(lastIntervalID);
}


/***********************************/