//load jquery from google
google.load("jquery", "1.4.2");	
google.load("jqueryui","1.7.2");
	

var $vidPlayback;	
	
google.setOnLoadCallback(function() {	
	
	
	//check for anchors
	var $anch = self.document.location.hash.substring(1);	
	if($anch > ""){		
		loadPage($anch);		
	}else{		
		loadPage('home');			
	}
	
	
	$('#body_loader').hide();	
	
	initClick();
	initBannerSelection(0);
	
});




//initialize click for nav btns
function initClick() {
	
	
	//top nav
	$('#home_btn').click(function() {
		loadPage('home');
	});
	
	
	$('#press_btn').click(function() {
		loadPage('press');
	});

	$('#partners_btn').click(function() {
		loadPage('partners');
	});
	
	$('#contact_btn').click(function() {
		loadPage('contact');
	});
	
	
	
	//banner view
	$('#banner_btn_1').click(function() {
		initBannerSelection(0);
	});
	$('#banner_btn_2').click(function() {
		initBannerSelection(1);
	});
	$('#banner_btn_3').click(function() {
		initBannerSelection(2);
	});
	$('#banner_btn_4').click(function() {
		initBannerSelection(3);
	});
	$('#banner_btn_5').click(function() {
		initBannerSelection(4);
	});
	$('#banner_btn_6').click(function() {
		initBannerSelection(5);
	});
	
};

	
	
	
//page loading

var $currentPage;
function loadPage($src) {
	
	if($src == $currentPage)return;
	
	$currentPage = $src;	
		
	$('#body_content_wrapper').slideUp(1000, function() {
		
		$('#body_content_wrapper').load('includes/content/'+ $src +'.html', function() {
			
			$('#body_content_wrapper').slideDown(1000);
			$('#body_loader').hide();					
				
		});
						
	});
	
};




	
	
	
//top banner stuff
var isFirstTime = true;
function initBannerSelection($sel) {
	
	
	if(isFirstTime){
		$('#banner_btn_'+($sel+1)).css({
		'color':'#ff5fac',
		'fontWeight':'bold'
		});
		selectBanner($sel);			
		return;		
	}
	
	
	//reset nav button
	$('#banner_btn_1').css({'color':'#555', 'fontWeight':'normal'});
	$('#banner_btn_2').css({'color':'#555', 'fontWeight':'normal'});
	$('#banner_btn_3').css({'color':'#555', 'fontWeight':'normal'});
	$('#banner_btn_4').css({'color':'#555', 'fontWeight':'normal'});
	$('#banner_btn_5').css({'color':'#555', 'fontWeight':'normal'});
	$('#banner_btn_6').css({'color':'#555', 'fontWeight':'normal'});
	
	
	$('#banner_btn_'+($sel+1)).css({
		'color':'#ff5fac',
		'fontWeight':'bold'
	});
	
	
		
	
	
	
	
	$('#slider_text').slideUp("slow", function() {		
		selectBanner($sel);			
	});
	
	
}


	

function selectBanner($sel) {
	isFirstTime = false;
	var $ccslider = true;
	
	var $slider = $('#slider'),
	slidesHtml = $slider.html(),
	$type = 'horizontalSlide',
	$selected = 2,
	$frame = $('<div id="slider2d-frame"/>'),
	effectType = '2d',
	effect = 'fade',
	slices = 1,
	hover = true,
	options;
	
	
	$('#slider_text_wrapper').css({'visibility':'visible'});
	
	
	
	
	$('.slider2d').empty();	
	$('.slider_header').empty();
	$('.slider_body_text').empty();
	$('.slider_action_btn').empty();
	
	$('.slider_action_btn').css("visibility", "hidden");
	
	
	
	if( !$slider.parent().is('#slider2d-frame') )
			$slider.wrap( $frame );

				
	switch($sel) {
		case 0:		
						
			
			$('.slider_body_text').append('<img src="includes/banner_content/text/new_text.png" width="259" height="189" />');
			//$('.slider_action_btn').append('<img id="actionBtnImg" src="includes/banner_content/text/swivelButton.png" width="214" height="36" />');
			//$('.slider_action_btn_over').append('<img src="includes/banner_content/text/swivelButton_over.png" width="214" height="36" />');
			
			$('.slider_action_btn').css("visibility", "visible");
			$('.slider_action_btn').append('<p class="slider_action_btn_text">See Swivel in Action</p>');
			
			
			//on action click, clear slider2d, add video
			$('.slider_action_btn').click(function() {				
				$ccslider = false;
				$('.slider2d').empty();	
				$('.slider2d').append('<iframe width="512" height="343" src="http://www.youtube-nocookie.com/v/nGGFCiwpHnM&hl=en_US&fs=1&hd=1&rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe>');				
			});			
							
				
						
			
			//append content for selected section			
			$('.slider2d').append('<img src="includes/banner_content/dressingroom_1.png" width="512" height="343" />');
			$('.slider2d').append('<img src="includes/banner_content/dressingroom_2.png" width="512" height="343" />');		
						
				
		break;
		
		case 1:
	
			
			$('.slider_body_text').append('<img src="includes/banner_content/text/makeover_text.png" width="293" height="227" />');
			
			$('.slider2d').append('<img src="includes/banner_content/makeover_1.png" width="512" height="343" />');
			$('.slider2d').append('<img src="includes/banner_content/makeover_2.png" width="512" height="343" />');	
			
		break;
		
		case 2:
			
			
			$('.slider_body_text').append('<img src="includes/banner_content/text/body_text.png" width="303" height="190" />');
					
			//append content for selected section
			$('.slider2d').append('<img src="includes/banner_content/body_1.jpg" width="512" height="343" />');
			$('.slider2d').append('<img src="includes/banner_content/body_2.jpg" width="512" height="343" />');		
			
			
					
		break;
		
		case 3:
	
			
			$('.slider_body_text').append('<img src="includes/banner_content/text/cosmetic_text.png" width="291" height="222" />');
			
			//append content for selected section
			$('.slider2d').append('<img src="includes/banner_content/cosmetics_1.jpg" width="512" height="343" />');
			$('.slider2d').append('<img src="includes/banner_content/cosmetics_2.jpg" width="512" height="343" />');	
			
		
			
		break;
		
		case 4:
			
			
			$('.slider_body_text').append('<img src="includes/banner_content/text/decor_text.png" width="287" height="180" />');
			
			//append content for selected section
			$('.slider2d').append('<img src="includes/banner_content/decor_1.jpg" width="512" height="343" />');
			$('.slider2d').append('<img src="includes/banner_content/decor_2.jpg" width="512" height="343" />');				
			
			
		
		break;
		
		case 5:
				
			$ccslider = false;
				
			$('.slider_body_text').append('<img src="includes/banner_content/text/virtual_text.png" width="289" height="207" />');
			
						
			$('.slider2d').hide();	
			$('.slider2d').load('includes/banner_content/tryonplayer.html', function() {
					$('.slider2d').fadeIn(1000);		
			});
			
		break;			
		
		
		default:		
		break;
		
	};	
	
	
	
	if($ccslider){
		options = {effectType: effectType, effect: effect, animSpeed: 800};		
		$slider.ccslider(options);
	}
	
	
	
	$('#slider_text').slideDown("slow", function() {
		
		
	});
		
};