var status;
var height;
var width;
var iheight = 379;
var iwidth = 520;
var max;
var min; 
var ratio;
// Initialize our variables here
window.onload = function(){
document.getElementById("mymovie").width = iwidth;
document.getElementById("mymovie").height = iheight;

//var temp = document.getElementById("targetDiv").style.height;
//height = parseInt(temp);
height = iheight;
width = iwidth;
ratio= width/height;
status = 1;
//max = height;
//min = 60;
max = 500;
min = height;

//document.getElementById("btnExpandCollapse").value = "Expand";
};


function slideHandler()
{
if (status==0) {
document.getElementById("mymovie").width = iwidth;
document.getElementById("mymovie").height = iheight;	
collapse();
status = 1;
}
else {	
expand();
status = 0;
}
}

function collapse()
{
if (height>min) {
height -= 1;
document.getElementById("targetDiv").style.height = height;
document.getElementById("targetDiv").style.width = ratio*height;
//document.getElementById("btnExpandCollapse").disabled = true;
window.setTimeout("collapse()", 1);
}
else {
//setButtonValue("Expand");
//document.getElementById("targetDiv").style.visibility = "hidden";
}
}


function expand()
{
	if (document.getElementById("targetDiv").style.visibility == "hidden")
	document.getElementById("targetDiv").style.visibility = "visible";	
	if (height<max){
		height += 1;
		document.getElementById("targetDiv").style.height = height;
		document.getElementById("targetDiv").style.width = ratio*height;
		//document.getElementById("btnExpandCollapse").disabled = true;
		window.setTimeout("expand()", 1);
	}
	else {	
	document.getElementById("mymovie").width = ratio*height;
	document.getElementById("mymovie").height = height;	
	//setButtonValue("Collapse");
	}
}
function setButtonValue(val)
{
document.getElementById("btnExpandCollapse").value = val;
document.getElementById("btnExpandCollapse").disabled = false;
}