var clicked = false;
var jsonImages = {
"ppcDrop0":[
    {"src":"/campaign/images/default/screenshots/1.jpg"},
    {"src":"/campaign/images/default/screenshots/2.jpg"},
    {"src":"/campaign/images/default/screenshots/3.jpg"},
    {"src":"/campaign/images/default/screenshots/4.jpg"},
    {"src":"/campaign/images/default/screenshots/5.jpg"},
    {"src":"/campaign/images/default/screenshots/6.jpg"},
    {"src":"/campaign/images/default/screenshots/7.jpg"}],
"ppcDrop1":[
    {"src":"/campaign/images/default/screenshots/8.jpg"},
    {"src":"/campaign/images/default/screenshots/9.jpg"},
    {"src":"/campaign/images/default/screenshots/10.jpg"},
    {"src":"/campaign/images/default/screenshots/11.jpg"},
    {"src":"/campaign/images/default/screenshots/12.jpg"},
    {"src":"/campaign/images/default/screenshots/13.jpg"}],
"ppcDrop2":[
    {"src":"/campaign/images/default/screenshots/14.jpg"},
    {"src":"/campaign/images/default/screenshots/15.jpg"},
    {"src":"/campaign/images/default/screenshots/16.jpg"},
    {"src":"/campaign/images/default/screenshots/17.jpg"}],
"orgDrop0":[
    {"src":"/campaign/images/default/screenshots/18.jpg"},
    {"src":"/campaign/images/default/screenshots/19.jpg"},
    {"src":"/campaign/images/default/screenshots/20.jpg"},
    {"src":"/campaign/images/default/screenshots/21.jpg"},
    {"src":"/campaign/images/default/screenshots/22.jpg"}],
"orgDrop1":[
    {"src":"/campaign/images/default/screenshots/23.jpg"},
    {"src":"/campaign/images/default/screenshots/24.jpg"},
	{"src":"/campaign/images/default/screenshots/25.jpg"},
    {"src":"/campaign/images/default/screenshots/26.jpg"}
]};
jQuery(function( $ ){
	//borrowed from jQuery easing plugin
	//http://gsgd.co.uk/sandbox/jquery.easing.php
	$.easing.elasout = function(x, t, b, c, d) {
		var s=1.70158;var p=0;var a=c;
		if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
		if (a < Math.abs(c)) { a=c; var s=p/4; }
		else var s = p/(2*Math.PI) * Math.asin (c/a);
		return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
	};
	var sectionsCount = 4;
	var aActions = new Array(
							 function(i){
							 	 selectNavButton(i);
								 goTo(paneTarget1,i);
								 goTo(paneTarget2,sectionsCount-1-i);
								},
							 function(i){
								 selectNavButton(i);
								 goTo(paneTarget1,i);
								 goTo(paneTarget2,sectionsCount-1-i);
								 },
							 function(i){
								 selectNavButton(i);
								 goTo(paneTarget1,i);
								 goTo(paneTarget2,sectionsCount-1-i);
							 	},
							 function(i){
								 selectNavButton(i);
								 goTo(paneTarget1,i);
								 goTo(paneTarget2,sectionsCount-1-i);
								 }
							 );

	var currentSection = '';
	
	function selectNavButton(buttonNum){
		var buttonNum = buttonNum!=null?buttonNum:1;
		jQuery.each($('#nav>ul>li>a'),function(){
	 	 	var tabnumber = this.href.split('#')[1];
	 	 	
	 	 	if (buttonNum==tabnumber){
	 	 		jQuery(this).removeClass('tab'+tabnumber+'off').addClass('tab'+tabnumber+'on');
	 	 	}else{
	 	 		jQuery(this).removeClass('tab'+tabnumber+'on').addClass('tab'+tabnumber+'off');
	 	 	}
	 	 });
	}
	
	function Finish(){
		
	}

	function Forward(paneTarget){
		if (paneTarget.currentSection<sectionsCount-1){
			var i=currentSection+1;
			startAction(i);
		}else{
			startAction(0);
		}
	}

	function Back(paneTarget){
		if (paneTarget.currentSection>0){
			var i=currentSection-1;
			startAction(i);
		}				
	}
	
	function startAction(i){
		if (aActions[i]!=''){
			aActions[i](i);
		}
	}

	function goTo(paneTarget,i){
		if (paneTarget.currentSection == i && paneTarget.currentSection!=''){
			return;
		}
		paneTarget.currentSection = i;
		if (paneTarget.currentSection!=''){
			//$('#back').css('visibility','visible');
		}
		//$('#forward').removeClass('stop');
		//$('#back').removeClass('stop');
		if (paneTarget.currentSection==sectionsCount-1){
			//$('#forward').addClass('stop');
		}else if (paneTarget.currentSection==0){
			//$('#back').addClass('stop');
		}
		
		var target = jQuery(paneTarget.find('ul>li')[i]);
		
		paneTarget.stop(); paneTarget.scrollTo( target ,  { duration: 620 } );
		//$('.bluealpha>a').removeClass('selected');
		//$('#'+aSections[i]+'_go').addClass('selected').blur();
		//stopLoading();
	}
	//by default, the scroll is only done vertically ('y'), change it to both.
	$.scrollTo.defaults.axis = 'x'; 			
	
	//Target examples bindings
	var paneTarget1 = $('#sections1');
	paneTarget1.currentSection = 0;			
	var paneTarget2 = $('#sections2');
	paneTarget2.currentSection = 0;			
	
	//paneTarget2.find('ul').css('position','inherit');
	paneTarget2.attr('scrollLeft','2550px');
	
	goTo(paneTarget1,0);
	goTo(paneTarget2,3);
    
	//Hide or shows drop contents, fade animation
	function SetDropContent(anchorID,c)
	{
	    $('#'+anchorID+' a').each(function(counter){
    	
	        $('#' + anchorID + '_c' + counter).hide();
	        $( this ).attr('name','info' + counter);
	        $( this ).bind("click",function(){
	        
	        var $visibleTimes = $("dd:visible");
	        if($visibleTimes.length > 0)//hide all opened window 
	        {
	            $visibleTimes.hide();
	            $("dt a img").attr("src","/campaign/images/default/expand.jpg");
	            clicked = false;
                var ddid = anchorID + '_c' + counter;
                //check if curent open/close window is clicked twice
                var clickedID = $visibleTimes.each(function(){if($(this).attr("id") == ddid){clicked = true;}else{clicked = false;}});
	        }
	        var dd= '#' + anchorID + '_c' + counter;
            if(clicked)//close
            {
                clicked = false;$(dd).fadeOut("normal");
	        }
	        else//open
	        {
	            $(dd).fadeIn("normal",function(){$(dd).find('img').attr('src',jsonImages[anchorID][counter].src);});$( this ).find('img')[0].src = '/campaign/images/default/contract.jpg';clicked = true;
	        }
	        window.location.hash = $( this ).attr('name');
	        return false;})
    	
	    });
    }
   
    for(var i = 0; i<3; i++)
    {
        SetDropContent('ppcDrop' + i,i);
        SetDropContent('orgDrop' + i,i);
    }
    //open the first line on the collapsible info
//    $('#ppcDrop0 a:first img').attr("src","/campaign/images/default/contract.jpg");
//    $('#ppcDrop0_c0 img:first').attr("src",jsonImages.ppcDrop0[0].src);
//    $('#ppcDrop0_c0').show();
//    clicked = true;
    
	$('#nav>ul>li>a').click(function(){ startAction(this.href.split('#')[1]); });
});