var applyFilter;

$(function(){
	
	//front page animation
	if($("#frontinner")) (function(){
		$("#frontinner").css("display","block");
		
		var quadInt=function(initial,end,dt,total){
			if(dt>total) dt=total;
			var delta=dt/total
			return (end-initial)*delta*delta+initial;
		}
		var lerp=function(initial,end,dt,total){
			if(dt>total) dt=total;
			var delta=dt/total
			return (end-initial)*delta+initial;
		}

		
		var front1=$("#front1");
		var front2=$("#front2");
		var front3=$("#front3");
		var front4=$("#front4");
		var front5=$("#front5");
		var front6=$("#front6");
		var front7=$("#front7");
		var front8=$("#front8");
		var front9=$("#front9");
		var front10=$("#front10");
		var front11=$("#front11");
		var startTime=+new Date;
		
		var start=function(){
			front1.css("opacity",null);
			front2.css("opacity",null);
			front3.css("opacity",null);
			front4.css("opacity",null);
			front5.css("opacity",null);
			front1.css("left","-205px");
			front2.css("top","-206px");
			front3.css("top","387px");
			front4.text('');
			front5.text('');
			front6.css("opacity","0");
			front7.css("top",-163);
			front8.css("top",387);
			front9.css("left",-90);
			front7.css("opacity",null);
			front8.css("opacity",null);
			front9.css("opacity",null);
			front10.css("opacity",null);
			front10.css("display","none");
			front10.text('');
			front11.css("display","none");
			front11.css("opacity",0);
			anim1();
		}
		
		var anim1=function(){
			var dt=(+new Date)-startTime;
			if(dt<1000){
				front1.css("left",(quadInt(-205,0,dt,1000)|0)+"px");
				setTimeout(anim1,50);
			}else{
				startTime=+new Date;
				anim2();
			}
		}
		var anim2=function(){
			var dt=(+new Date)-startTime;
			if(dt<1000){
				front2.css("top",(quadInt(-206,0,dt,1000)|0)+"px");
				setTimeout(anim2,50);
			}else{
				startTime=+new Date;
				anim3();
			}
		}
		var anim3=function(){
			var dt=(+new Date)-startTime;
			if(dt<1000){
				front3.css("top",(quadInt(387,216,dt,1000)|0)+"px");
				setTimeout(anim3,50);
			}else{
				startTime=+new Date;
				anim4();
			}
		}
		var text1="Find the bracket that's right for you?";
		var anim4=function(){
			var dt=(+new Date)-startTime;
			if(dt<5500){
				var length=(lerp(0,text1.length,dt,5000)|0);
				front4.text(text1.substr(0,length)+(dt%3!=0?"_":""));
				setTimeout(anim4,50);
			}else{
				front4.text(text1);
				startTime=+new Date;
				anim5();
			}
		}
		var text2="Try our new bracket selector";
		var anim5=function(){
			var dt=(+new Date)-startTime;
			if(dt<5500){
				var length=(lerp(0,text2.length,dt,5000)|0);
				front5.text(text2.substr(0,length)+(dt%3!=0?"_":""));
				setTimeout(anim5,50);
			}else{
				front5.text(text2);
				startTime=+new Date;
				anim6();
			}
		}
		var anim6=function(){
			var dt=(+new Date)-startTime;
			if(dt<7000){
				front6.css("opacity",quadInt(0,1,dt,500));
				setTimeout(anim6,50);
			}else{
				startTime=+new Date;
				anim65();
			}
		}
		var anim65=function(){
			var dt=(+new Date)-startTime;
			if(dt<1000){
				var opacity=quadInt(1,0,dt,700);
				front1.css("opacity",opacity);
				front2.css("opacity",opacity);
				front3.css("opacity",opacity);
				front4.css("opacity",opacity);
				front5.css("opacity",opacity);
				front6.css("opacity",opacity);
				setTimeout(anim65,50);
			}else{
				startTime=+new Date;
				front1.css("left","-205px");
				front2.css("top","-206px");
				front3.css("top","387px");
				front4.text('');
				front5.text('');
				front6.css("opacity","0");
				anim7();
			}
		}
		var anim7=function(){
			var dt=(+new Date)-startTime;
			if(dt<1000){
				front7.css("top",quadInt(-163,0,dt,1000));
				setTimeout(anim7,50);
			}else{
				startTime=+new Date;
				anim8();
			}
		}
		var anim8=function(){
			var dt=(+new Date)-startTime;
			if(dt<1000){
				front8.css("top",quadInt(387,239,dt,1000));
				setTimeout(anim8,50);
			}else{
				startTime=+new Date;
				anim9();
			}
		}
		var anim9=function(){
			var dt=(+new Date)-startTime;
			if(dt<1000){
				front9.css("left",quadInt(-90,0,dt,1000));
				setTimeout(anim9,50);
			}else{
				startTime=+new Date;
				front10.css("display","block");
				anim10();
			}
		}
		var text3="Why choose CinemaxPro for your LCD and Plasma Brackets?";
		var anim10=function(){
			var dt=(+new Date)-startTime;
			if(dt<5500){
				var length=(lerp(0,text3.length,dt,5000)|0);
				front10.text(text3.substr(0,length)+(dt%3!=0?"_":""));
				setTimeout(anim10,50);
			}else{
				front10.text(text3);
				startTime=+new Date;
				front11.css("display","block");
				anim11();
			}
		}
		var anim11=function(){
			var dt=(+new Date)-startTime;
			if(dt<7000){
				front11.css("opacity",quadInt(0,1,dt,500));
				setTimeout(anim11,50);
			}else{
				startTime=+new Date;
				anim115();
			}
		}
		var anim115=function(){
			var dt=(+new Date)-startTime;
			if(dt<1000){
				var opacity=quadInt(1,0,dt,700);
				front7.css("opacity",opacity);
				front8.css("opacity",opacity);
				front9.css("opacity",opacity);
				front10.css("opacity",opacity);
				front11.css("opacity",opacity);
				setTimeout(anim115,50);
			}else{
				startTime=+new Date;
				start();
			}
		}
		
		start();
		
	})();
	
	
	function createCookie(name,value,days) {
		if (days) {
			var date = new Date();
			date.setTime(date.getTime()+(days*24*60*60*1000));
			var expires = "; expires="+date.toGMTString();
		}
		else var expires = "";
		document.cookie = name+"="+value+expires+"; path=/";
	}

	function readCookie(name) {
		var nameEQ = name + "=";
		var ca = document.cookie.split(';');
		for(var i=0;i < ca.length;i++) {
			var c = ca[i];
			while (c.charAt(0)==' ') c = c.substring(1,c.length);
			if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
		}
		return null;
	}

	
	
	
	$("#videoicon").fadeTo(0,0.8);
	$("#photoicon").fadeTo(0,0.8);

	var container=document.getElementById("optioncontainer");

	if(container){
	container.currentHeight=container.offsetHeight;
	container.targetHeight=container.offsetHeight;
	

	var sizes=[
	'all',19,26,32,37,42,47,55,60
	]

	var ele;
	for(var i=0;i<data.length;i++){
		ele=document.getElementById(data[i].name);
		if(ele){
			data[i].ele=ele;
			ele.style.display="block";
			ele.style.left="0px";
			ele.style.top="0px";
			data[i].currentLeft=0;
			data[i].currentTop=0;
			data[i].show=true;
		}
	}

	var setSelect=function(id){
		if(!id) id="AM";
		$("#menu a").removeClass("sel");
		$("#"+id).addClass("sel");
	}
	
	var globaltype=null;
	
	applyFilter=function(size,type,clear){
		if(!size) size=[sizes[cursor2.value-1],sizes[cursor2.value-1]];
		if(clear) globaltype=null;
		if(!type) type=globaltype;
		
		createCookie("lowersize",0);
		createCookie("uppersize",cursor2.value);
		createCookie("type",type);
		createCookie("set",1);
		
		globaltype=type;
		setSelect(type);
		//loop though data and hide everything that shouldn't be shown
		var total=0;
		for(var i=0;i<data.length;i++){
			if( !((data[i].size[0]<size[0] && data[i].size[1]<size[0]) || (data[i].size[0]>size[1] && data[i].size[1]>size[1])) && (!type || data[i].type==type) ){
				$(data[i].ele).fadeIn(500);
				data[i].show=true;
				total++;
			}else{
				data[i].show=false;
				$(data[i].ele).fadeOut(500);
			}
		}
		if(total==0){
			$("#noresults").fadeIn(300);
		}else{
			$("#noresults").fadeOut(300);
		}
		container.targetHeight=(Math.ceil(total/4))*192;
		setTargets();
	}


	var setTargets=function(){
		var oc=document.getElementById("optioncontainer");
		var divs=oc.getElementsByTagName("div");
		var left=0;
		var top=0;
		for(var i=0;i<data.length;i++){
			if(data[i].show){
				data[i].targetLeft=180*left++;
				data[i].targetTop=192*top;
				if(left==4){
					top++;
					left=0;
				}
			}
		}
		
	}

	var anim=function(){
		var oc=document.getElementById("optioncontainer");
		var divs=oc.getElementsByTagName("div");
		var div;
		for(var i=0;i<data.length;i++){
			if(data[i].show && (data[i].currentLeft!=data[i].targetLeft || data[i].currentTop!=data[i].targetTop) ){
				data[i].currentLeft=(((data[i].currentLeft-(data[i].currentLeft-data[i].targetLeft)/10)*100)|0)/100;
				data[i].currentTop=(((data[i].currentTop-(data[i].currentTop-data[i].targetTop)/10)*100)|0)/100;
				data[i].ele.style.left=(data[i].currentLeft|0)+"px";
				data[i].ele.style.top=(data[i].currentTop|0)+"px";
			}
		}
		if(container.currentHeight!=container.targetHeight){
			container.currentHeight=(((container.currentHeight-(container.currentHeight-container.targetHeight)/5)*100)|0)/100;
			container.style.height=(container.currentHeight|0)+"px";
		}

	}
	setTargets();
	setInterval(anim,15);
	
	var slider=document.getElementById("slider");
	var cursor2=document.getElementById("cursor2");
	var viewport=document.getElementById("viewport");
	cursor2.currentLeft=13;
	cursor2.value=1;
	

	

	var dragable=function(obj,callback){
		var left;
		var cancel=null;
		obj.onselectstart=function(){return false}
		
		obj.setCursorPos=function(size){
			obj.style.left=(((size)|0)*20-7)+"px";
			obj.currentLeft=(((size)|0)*20-7);
			obj.value=size;
		}
		
		obj.onmousedown=function(e){
			viewport.style.height=viewport.offsetHeight+"px";
			if(obj.onmouseup) obj.onmouseup({});
			if(cancel){
				clearTimeout(cancel);
				cancel=null;
			}
			
			if(!e) e=event;
			var origX=e.clientX;
			var currentX=e.clientX;
			if (e.stopPropagation) {
				e.stopPropagation();
				e.preventDefault();
			}
			e.cancelBubble = true;
			e.returnValue = false;
			var getLeft=function(){
				left=obj.currentLeft+(currentX-origX);
				left=Math.min(Math.max(left,20),180);
				left=Math.round(left/20)*20-7;
				obj.value=Math.round(left/20);
				if(callback) callback.call(obj, obj.value);
			}
			slider.onmousemove=this.onmousemove=function(e){
				if(cancel) clearTimeout(cancel);
				if(!e) e=event;
				currentX=e.clientX;
				getLeft();
				obj.style.left=left+"px";
			}
			slider.onmouseup=this.onmouseup=function(e){
				if(!e) e=event;
				this.onmouseup=null;
				slider.onmouseup=null;
				this.onmousemove=null;
				slider.onmousemove=null;
				obj.currentLeft=left;
				obj.style.left=obj.currentLeft+"px";
				viewport.style.height=null;
			}
			var up=document.onmouseup;
			document.onmouseup=function(e){
				if(up) up(e);
				if(obj.onmouseup) obj.onmouseup({});
			}
			getLeft();
			return false;
		}
	}
	

	dragable(cursor2,function(val){
		if(val==0) applyFilter([sizes[1],sizes[8]]);
		applyFilter([sizes[val-1],sizes[val-1]]);
	});
	
	if(readCookie("set")>0){
		cursor2.setCursorPos(readCookie("uppersize"));
		var cookietype=readCookie("type");
		if(cookietype=="null") cookietype=null;
		applyFilter([sizes[readCookie("uppersize")-1],sizes[readCookie("uppersize")-1]],cookietype);
		setSelect(cookietype||"AM");
	}else{	
		applyFilter([0,60]);
	}

	$(".option").mouseover(function(e){
		$(this).addClass("optionsel");
	});
	$(".option").mouseout(function(e){
		$(this).removeClass("optionsel");
	});
	
	$.prototype.tiphover=function(tip){
		$(this).each(function(){
			$(this).mousemove(function(e){
				if(this.mtimer){
					clearTimeout(this.mtimer);
				}
				this.mtimer=setTimeout(function(e){
					$(tip).fadeIn(400);
				},600);
			});
			
			$(this).mouseout(function(e){
				if(this.mtimer){
					clearTimeout(this.mtimer);
				}
				$(tip).fadeOut(400);
			});
		});
	}
	
	$("#FTWM").tiphover("#flattowall");
	$("#TM").tiphover("#tilting");
	$("#FMM").tiphover("#fullmotion");
	$("#CRM").tiphover("#corner");
	$("#CM").tiphover("#ceiling");
	
	
	}
});