var intervalChangeColor = 3000;

jQuery.noConflict();


jQuery(document).ready(function(){


//moving mobileFrame
var mobileFlag=0;

jQuery(".frame").mousedown( 
function()
{
	mobileFlag=1;
	var dx = document.getElementById("frame").offsetLeft - 30;
	jQuery(".mobileFrame").animate({left: dx }, "500");
	jQuery(".arrow").addClass("arrowLeft");
	jQuery(this).css("display","none");

	
	return false;
});
jQuery("#frame").hover(
function()
{
	jQuery("#frameBorder").fadeIn(200);


},
function()
{
	jQuery("#frameBorder").fadeOut(200);
});


jQuery(".mobileFrame").mousedown( 
function()
{
	if (mobileFlag==0)
	{
	var dx = document.getElementById("frame").offsetLeft - 30;
	//dx = dx/(document.body.clientWidth-350)*100;
	jQuery(".mobileFrame").animate({left: dx }, "500");
	jQuery(".arrow").addClass("arrowLeft");
	mobileFlag=1;
	
	setTimeout(function() {jQuery(".frame").css("display","none")},501);	

	}
	else
	{
	jQuery(".mobileFrame").animate({left: "-430px" }, "500");
	jQuery(".arrow").removeClass("arrowLeft");
	jQuery(".frame").css("display","block");
	jQuery(".frame > span").css("display","inline");
	mobileFlag=0;
	}
	return false;
});



setInterval("changeColor()",intervalChangeColor);


});




//centering
function vertAlign() {
	var h = document.body.clientHeight;
	n=80;
	if(h>700) n=100;
	if(h>800) n=120;
	if(h>850) n=165;
	document.getElementById("vertCont").style.height =n+'px';
	if(jQuery(".mobileFrame").css("left")!="-430px")
	{
		var dx = document.getElementById("frame").offsetLeft - 30;
		jQuery(".mobileFrame").css("left",dx);
	}
}


// change color
var colorCode=0;

function changeColor()
{
	jQuery(".mobileFrame").removeClass("mobileFrameBlue").removeClass("mobileFrameYellow");
	colorCode++;
	switch (colorCode){
		case 1: jQuery(".mobileFrame").addClass("mobileFrameBlue"); break;
		case 2: jQuery(".mobileFrame").addClass("mobileFrameYellow");  break;
		case 3: colorCode=0;
		}
	
	return false;
}