$(function()
{
	$('#date').datepicker({dateFormat : 'yy/mm/dd'});

	$("#imgBox a").fancybox(
	{
	 	'zoomSpeedIn'			: 600,
		'zoomSpeedOut'			: 600,
		'overlayShow'			: false,
	 	'hideOnContentClick'	: true,
	 	'padding'				: 0
	}); 		
	
	$('.fancyImg').fancybox(
	{
	 	'zoomSpeedIn'			: 600,
		'zoomSpeedOut'			: 600,
		'overlayShow'			: false,
	 	'hideOnContentClick'	: true,
	 	'padding'				: 0
	}); 		
	

	$('.navSub').hide();
	if ($('.franchisePage').length > 0) $('#navFranchise').slideDown(2000);
	if ($('.loyaltyPage').length > 0) $('#navLoyalty').slideDown(2000);
	if ($('.retailPage').length > 0) $('#navRetail').slideDown(2000);
	if ($('.treatmentsPage').length > 0) $('#navTreatments').slideDown(2000);
	if ($('.beautyPage').length > 0) $('#navBeauty').slideDown(2000);	
	if ($('.pricingPage').length > 0) $('#navPricing').slideDown(2000);
	if ($('.hairPage').length > 0) $('#navHair').slideDown(2000);
	if ($('.ladiesPage').length > 0) $('#navTreatments').slideDown(2000, function() {$('#navLadies').slideDown(3000);});
	
	
	// SITE NAVIGATION
	$('.navMain').click(function()
	{
		if ($(this).attr('id') != 'navLadiesMain')
			$('.navSub').slideUp(200);
		
		$(this).next('div').slideDown(600);
	});
	
	function fixHeight(){
		var $contentHeight = $('#content').height();
		var $navHeight = $('#navigation').height();
		var $rightHeight = $('#rightBox').height();
		
		var $tallest = 0;
		
		if ($tallest < $contentHeight){
			$tallest = $contentHeight;
		}
		
		if ($tallest < $navHeight){
			$tallest = $navHeight;
		}
		
		if ($tallest < $rightHeight){
			$tallest = $rightHeight;
		}
		
		//if ($contentHeight < 480) $contentHeight = 480;
		$('#content').css({minHeight:$tallest + 'px'});
		$('#navigation').css({minHeight:$tallest + 'px'});
		$('#rightBox').css({minHeight:$tallest + 'px'});		
	}
	
	// CONTENT HEIGHT
	
	$(window).load(function () {
		fixHeight();
	});
/*
	setBubbleLeftOne();
	setInterval("setBubbleLeftOne()", 5000);
	setInterval("setBubbleLeftTwo()", 5000);
	setBubbleLeftThree();
	setInterval("setBubbleLeftThree()", 5000);
	setInterval("setBubbleLeftFour()", 5000);
	setBubbleLeftFive();
	setInterval("setBubbleLeftFive()", 5000);
	setInterval("setBubbleLeftSix()", 5000);
	
	setInterval("setBubbleRightOne()", 5000);
	setBubbleRightTwo();
	setInterval("setBubbleRightTwo()", 5000);
	setInterval("setBubbleRightThree()", 5000);
	setBubbleRightFour();
	setInterval("setBubbleRightFour()", 5000);
	setInterval("setBubbleRightFive()", 5000);
	setBubbleRightSix();
	setInterval("setBubbleRightSix()", 5000);
*/
});


function setBubbleLeftOne()
{
	var $viewport = getViewport();
	//alert($viewport);
	var $scroll = getScroll();
	//alert($scroll);

	var $randomTop = 0.05 + (Math.random() / 20);
	//alert($randomTop);

	var $newTop = Math.ceil(($viewport[1] + $scroll[1]) * $randomTop) + 'px';
	var $newLeft = Math.floor(Math.random()*Math.ceil(($viewport[0] - 900) / 6)) + 20 + 'px';
	//alert($newHeight);
	
	$('#bubbleLeftOne').stop().animate({top : $newTop, left : $newLeft}, 5000, 'easeInOutBack');
}

function setBubbleLeftTwo()
{
	var $viewport = getViewport();
	//alert($viewport);
	var $scroll = getScroll();
	//alert($scroll);

	var $randomTop = 0.2 + (Math.random() / 20);
	//alert($randomTop);

	var $newTop = Math.ceil(($viewport[1] + $scroll[1]) * $randomTop) + 'px';
	var $newLeft = Math.floor(Math.random()*Math.ceil(($viewport[0] - 900) / 6)) + 20 + 'px';
	//alert($newHeight);
	
	$('#bubbleLeftTwo').stop().animate({top : $newTop, left : $newLeft}, 5000, 'easeInOutBack');
}

function setBubbleLeftThree()
{
	var $viewport = getViewport();
	//alert($viewport);
	var $scroll = getScroll();
	//alert($scroll);

	var $randomTop = 0.35 + (Math.random() / 20);
	//alert($randomTop);

	var $newTop = Math.ceil(($viewport[1] + $scroll[1]) * $randomTop) + 'px';
	var $newLeft = Math.floor(Math.random()*Math.ceil(($viewport[0] - 900) / 6)) + 20 + 'px';
	//alert($newHeight);
	
	$('#bubbleLeftThree').stop().animate({top : $newTop, left : $newLeft}, 5000, 'easeInOutBack');
}

function setBubbleLeftFour()
{
	var $viewport = getViewport();
	//alert($viewport);
	var $scroll = getScroll();
	//alert($scroll);

	var $randomTop = 0.5 + (Math.random() / 20);
	//alert($randomTop);

	var $newTop = Math.ceil(($viewport[1] + $scroll[1]) * $randomTop) + 'px';
	var $newLeft = Math.floor(Math.random()*Math.ceil(($viewport[0] - 900) / 6)) + 20 + 'px';
	//alert($newHeight);
	
	$('#bubbleLeftFour').stop().animate({top : $newTop, left : $newLeft}, 5000, 'easeInOutBack');
}

function setBubbleLeftFive()
{
	var $viewport = getViewport();
	//alert($viewport);
	var $scroll = getScroll();
	//alert($scroll);

	var $randomTop = 0.65 + (Math.random() / 20);
	//alert($randomTop);

	var $newTop = Math.ceil(($viewport[1] + $scroll[1]) * $randomTop) + 'px';
	var $newLeft = Math.floor(Math.random()*Math.ceil(($viewport[0] - 900) / 6)) + 20 + 'px';
	//alert($newHeight);
	
	$('#bubbleLeftFive').stop().animate({top : $newTop, left : $newLeft}, 5000, 'easeInOutBack');
}

function setBubbleLeftSix()
{
	var $viewport = getViewport();
	//alert($viewport);
	var $scroll = getScroll();
	//alert($scroll);

	var $randomTop = 0.8 + (Math.random() / 20);
	//alert($randomTop);

	var $newTop = Math.ceil(($viewport[1] + $scroll[1]) * $randomTop) + 'px';
	var $newLeft = Math.floor(Math.random()*Math.ceil(($viewport[0] - 900) / 6)) + 20 + 'px';
	//alert($newHeight);
	
	$('#bubbleLeftSix').stop().animate({top : $newTop, left : $newLeft}, 5000, 'easeInOutBack');
}

function getViewport()
{
	var myWidth = 0, myHeight = 0;
	if( typeof( window.innerWidth ) == 'number' ) {
		//Non-IE
		myWidth = window.innerWidth;
		myHeight = window.innerHeight;
	} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
		//IE 6+ in 'standards compliant mode'
		myWidth = document.documentElement.clientWidth;
		myHeight = document.documentElement.clientHeight;
	} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
		//IE 4 compatible
		myWidth = document.body.clientWidth;
		myHeight = document.body.clientHeight;
	}
	return [ myWidth, myHeight ];
}


function getScroll() {
	var scrOfX = 0, scrOfY = 0;
	if( typeof( window.pageYOffset ) == 'number' ) {
		//Netscape compliant
		scrOfY = window.pageYOffset;
		scrOfX = window.pageXOffset;
	} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
		//DOM compliant
		scrOfY = document.body.scrollTop;
		scrOfX = document.body.scrollLeft;
	} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
		//IE6 standards compliant mode
		scrOfY = document.documentElement.scrollTop;
		scrOfX = document.documentElement.scrollLeft;
	}
	return [ scrOfX, scrOfY ];
}

function setBubbleRightOne()
{
	var $viewport = getViewport();
	//alert($viewport);
	var $scroll = getScroll();
	//alert($scroll);

	var $randomTop = 0.1 + (Math.random() / 20);
	//alert($randomTop);

	var $newTop = Math.ceil(($viewport[1] + $scroll[1]) * $randomTop) + 'px';
	var $newLeft = (Math.floor(Math.random()*Math.ceil(($viewport[0] - 900) / 6))) + 920 + (($viewport[0] - 900) / 2) + 'px';
	//alert($newHeight);
	
	$('#bubbleRightOne').stop().animate({top : $newTop, left : $newLeft}, 5000, 'easeInOutBack');
}

function setBubbleRightTwo()
{
	var $viewport = getViewport();
	//alert($viewport);
	var $scroll = getScroll();
	//alert($scroll);

	var $randomTop = 0.2 + (Math.random() / 20);
	//alert($randomTop);

	var $newTop = Math.ceil(($viewport[1] + $scroll[1]) * $randomTop) + 'px';
	var $newLeft = (Math.floor(Math.random()*Math.ceil(($viewport[0] - 900) / 6))) + 920 + (($viewport[0] - 900) / 2) + 'px';
	//alert($newHeight);
	
	$('#bubbleRightTwo').stop().animate({top : $newTop, left : $newLeft}, 5000, 'easeInOutBack');
}

function setBubbleRightThree()
{
	var $viewport = getViewport();
	//alert($viewport);
	var $scroll = getScroll();
	//alert($scroll);

	var $randomTop = 0.5 + (Math.random() / 20);
	//alert($randomTop);

	var $newTop = Math.ceil(($viewport[1] + $scroll[1]) * $randomTop) + 'px';
	var $newLeft = (Math.floor(Math.random()*Math.ceil(($viewport[0] - 900) / 6))) + 920 + (($viewport[0] - 900) / 2) + 'px';
	//alert($newHeight);
	
	$('#bubbleRightThree').stop().animate({top : $newTop, left : $newLeft}, 5000, 'easeInOutBack');
}

function setBubbleRightFour()
{
	var $viewport = getViewport();
	//alert($viewport);
	var $scroll = getScroll();
	//alert($scroll);

	var $randomTop = 0.6 + (Math.random() / 20);
	//alert($randomTop);

	var $newTop = Math.ceil(($viewport[1] + $scroll[1]) * $randomTop) + 'px';
	var $newLeft = (Math.floor(Math.random()*Math.ceil(($viewport[0] - 900) / 6))) + 920 + (($viewport[0] - 900) / 2) + 'px';
	//alert($newHeight);
	
	$('#bubbleRightFour').stop().animate({top : $newTop, left : $newLeft}, 5000, 'easeInOutBack');
}

function setBubbleRightFive()
{
	var $viewport = getViewport();
	//alert($viewport);
	var $scroll = getScroll();
	//alert($scroll);

	var $randomTop = 0.7 + (Math.random() / 20);
	//alert($randomTop);

	var $newTop = Math.ceil(($viewport[1] + $scroll[1]) * $randomTop) + 'px';
	var $newLeft = (Math.floor(Math.random()*Math.ceil(($viewport[0] - 900) / 6))) + 920 + (($viewport[0] - 900) / 2) + 'px';
	//alert($newHeight);
	
	$('#bubbleRightFive').stop().animate({top : $newTop, left : $newLeft}, 5000, 'easeInOutBack');
}

function setBubbleRightSix()
{
	var $viewport = getViewport();
	//alert($viewport);
	var $scroll = getScroll();
	//alert($scroll);

	var $randomTop = 0.8 + (Math.random() / 20);
	//alert($randomTop);

	var $newTop = Math.ceil(($viewport[1] + $scroll[1]) * $randomTop) + 'px';
	var $newLeft = (Math.floor(Math.random()*Math.ceil(($viewport[0] - 900) / 6))) + 920 + (($viewport[0] - 900) / 2) + 'px';
	//alert($newHeight);
	
	$('#bubbleRightSix').stop().animate({top : $newTop, left : $newLeft}, 5000, 'easeInOutBack');
}