// JavaScript Document

$(document).ready(function(){
	
	/* Enable Panel Controler */
	$("div#rotate-controler").css("display","block");
	$("div#bottom-page").css("height","1000px");
	
	var pnControler = {
		
		index : -1,
		timer : "",
		panelLenght : $("div.panel-rotate").length,
		
		call : function(){
			alert( $("div.panel-rotate")[1].id )
		},
		
		/* Set Up Panels */
		setUpPanels : function(){
			for( var i = 0; i < this.panelLenght; i++ ){
				if( i == 0 ){
					$("div.panel-rotate:eq("+i+")").css("display","block");
				}else{
					$("div.panel-rotate:eq("+i+")").css("display","none");
				}
			};
			
			/* Calling Function */
			this.pFunction();
			this.nFunction();
			this.feedContoler();
			this.presentation();
			this.sFunction();
			this.hoverFunction();
		},
		
		fadePanels : function(showPanel){
			for( var i = 0; i < this.panelLenght; i++ ){
				if( i == showPanel ){
					this.registerVerify(i);
					$("div.panel-rotate:eq("+i+")").fadeIn('slow');
					$(".controlers:eq("+i+")").css("background-position","bottom");
				}else{
					$("div.panel-rotate:eq("+i+")").css("display","none");
					$(".controlers:eq("+i+")").css("background-position","top");
				}
			}
		},
		
		registerVerify : function(i){
			if( $("div.panel-rotate:eq("+i+") h3").text() == "Register for more" ){
				$("div#promo_secondary").addClass("second-box");
				$("div#promo_secondary").html("<p>Apply for a OneTouch<sup>&#174;</sup> meter for accurate results and personal support.<br /><a href='/YourMeter.aspx/NewRegister?from=GetFreeMeter' title='Join OneTouch&#174;'>Join OneTouch<sup>&#174;</sup></a>.</p>")
			}else if( $("div#promo_secondary").attr("class") == "second-box" ){
				$("div#promo_secondary").removeClass("second-box");
				$("div#promo_secondary").html("<a href='/YourMeter.aspx/NewRegister'>Register Now</a>");
			}
		},
		
		pFunction : function(){
			$("a#previous").click(function(){
				if( pnControler.index == 0 ){
					pnControler.index = (pnControler.panelLenght)-1;
					pnControler.fadePanels(pnControler.index);
				}else{
					pnControler.index = (pnControler.index)-1;
					pnControler.fadePanels(pnControler.index);
				}
			});
		},
		
		nFunction : function(){
			$("a#next").click(function(){
				if( pnControler.index == ((pnControler.panelLenght)-1) ){
					pnControler.index = 0;
					pnControler.fadePanels(pnControler.index);
				}else{
					pnControler.index = (pnControler.index)+1;
					pnControler.fadePanels(pnControler.index);
				}
			});
		},
		
		feedContoler : function(){			
			for( var a = 0; a < this.panelLenght; a++ ){
				$("#previous").after('<a href="#" id="'+(7-a)+'" class="controlers"></a>');
			}
			$(".controlers:eq("+0+")").css("background-position","bottom");
		},
		
		sFunction : function(){
			$("a.controlers").click(function(){								
				pnControler.index = parseInt(this.id);
				pnControler.fadePanels(this.id);
			});
		},
		
		presentation : function(){
			this.timer = setTimeout(pnControler.presentation, 10000);
			if( pnControler.index == ((pnControler.panelLenght)-1) ){
				pnControler.index = 0;
				pnControler.fadePanels(pnControler.index);
			}else{ 
				pnControler.index = (pnControler.index)+1;
				pnControler.fadePanels(pnControler.index);
			}
		},
		
		hoverFunction : function(){
			$('li.hover-panel').mouseover(function(){
				if( this.id == "pk-panel" ){
					pnControler.displaySectionPanel("panel_pk", "tab_pk");	
				}else if( this.id == "t1-panel" ){
					pnControler.displaySectionPanel("panel_t1", "tab_t1");
				}else if( this.id == "t2-panel" ){
					pnControler.displaySectionPanel("panel_t2", "tab_t2");
				}else if( this.id == "ot-panel" ){
					pnControler.displaySectionPanel("panel_ot", "tab_ot");
				}	
			});
			
			$('li.hover-panel').mouseout(function(){
				if( this.id == "pk-panel" ){
					pnControler.hideSectionPanel("panel_pk", "tab_pk");	
				}else if( this.id == "t1-panel" ){
					pnControler.hideSectionPanel("panel_t1", "tab_t1");
				}else if( this.id == "t2-panel" ){
					pnControler.hideSectionPanel("panel_t2", "tab_t2");
				}else if( this.id == "ot-panel" ){
					pnControler.hideSectionPanel("panel_ot", "tab_ot");
				}	
			});
		},
		
		displaySectionPanel : function(pId, aClass){
			$("div#"+pId).css("display","block");
			$("div#rotate-controler").css("display","none");
			$("a."+aClass).css("background-position","left bottom");
		},
		
		hideSectionPanel : function(pId, aClass){
			$("div#"+pId).css("display","none");
			$("div#rotate-controler").css("display","block");
			$("a."+aClass).css("background-position","left top");
		}
		
	};
	
	/*pnControler.call();*/
	pnControler.setUpPanels();	
	
});