var ui = {currentPanel:null,currentProduct:null,scollLocked:false,paper:{},domain:"http://www.kraftbrands.com",isIpad:(navigator.userAgent.match(/iPad/i) != null),isFF3:((function x(){})[-5]=='x'),isIE9:false};
ui.conlog = function(msg) {if (window.console) console.log(msg);}

ui.imagesPath = ui.uiPath = "/crystallight/Documents/";

ui.sitePages = [
	"/home","/classic","/energy","/mocktails","/pure",
	"/classic/fruit-flavors/lemonade","/classic/fruit-flavors/pink-lemonade","/classic/fruit-flavors/raspberry-ice","/classic/fruit-flavors/raspberry-lemonade","/classic/fruit-flavors/strawberry-orange-banana","/classic/fruit-flavors/fruit-punch","/classic/fruit-flavors/strawberry-kiwi","/classic/fruit-flavors/classic-orange","/classic/fruit-flavors/cherry-pomegranate","/classic/fruit-flavors/raspberry-peach","/classic/fruit-flavors/pomegranate-lemonade","/classic/fruit-flavors/citrus-splash",
	"/classic/tea-flavors/lemon-decaffeinated-iced-tea","/classic/tea-flavors/lemon-iced-tea","/classic/tea-flavors/peach-iced-tea","/classic/tea-flavors/raspberry-iced-tea","/classic/tea-flavors/raspberry-green-tea","/classic/tea-flavors/peach-mango-green-tea","/classic/tea-flavors/honey-lemon-green-tea",
	"/energy/wild-strawberry","/energy/grape","/energy/peach-mango","/energy/citrus",
	"/mocktails/margarita","/mocktails/mojito","/mocktails/appletini",
	"/pure/strawberry-kiwi","/pure/mixed-berry","/pure/lemonade","/pure/grape","/pure/tropical-blend",
	"/get-a-stay-light-motto-to-live-by"]

ui.tracking = {};
ui.tracking.track = function(action,control) {
	var _trackme = {category:null,action:null,label:null};

	_trackme.action = action;
	_trackme.label = control;
	_trackme.category = $('.container-wide-layer [ui-panel-path]:eq('+ui.currentPanel+')').attr('ui-panel-path');
	
	if($('body').is('[product-state="true"]')) {
		_trackme.category = $('.container-product-panel:visible').attr('ui-panel-path');
	}

	if(_trackme.action == "load") {
		_trackme.category = "site";
	}

	ui.conlog(_trackme);

	_gaq.push(['_trackEvent',_trackme.category,_trackme.action,_trackme.label]);
}

ui.gotoPanel = function(index) {
	
	var _delta = Math.abs(ui.currentPanel-index)*0.6;
	var _stop = parseInt($('[ui-base-panel]:eq('+index+')').attr('ui-panel-stop'))-60-(($(window).width()-960)/2);

	if(ui.currentPanel == null) {
		ui.setBackgroundDim(index);
	} else {
		$('.container-layer').each(function(i) {
			var _base = (2000*_delta);

			var _speed = [1.5,1.2,1,0.8,0.5,0.4];
			var _easing = ["easeInOutCubic","easeInOutCubic","easeInOutCubic","easeInOutCirc","easeInOutCubic","easeInOutCirc"];

			if(ui.isIpad) {
				$(this).css({"-webkit-transition":"-webkit-transform "+(Math.round(10*(_speed/1000))/10)+"s ease","-webkit-transform":"translate3d(-"+(index*$(window).width())+"px, 0, 0)"});
			} else {
				$(this).stop().animate({left:"-"+(index*100)+"%"},_base*_speed[i],_easing[i]);
			}
		});
		$('.container-wide-layer').each(function() {
			var _speed = 4000*_delta;
			if(ui.isIpad) {
				$(this).css({"-webkit-transition":"-webkit-transform "+(Math.round(10*(_speed/1000))/10)+"s ease","-webkit-transform":"translate3d(-"+_stop+"px, 0, 0)"});
			} else {
				$(this).stop().animate({left:-_stop},_speed,"swing");
			}
		});
	}
	
	ui.currentPanel = index;
	
	$('.container-navigation-item').attr('ui-hover-locked',false).filter('[href$="'+$('[ui-base-panel]:eq('+index+')').attr('ui-panel-path')+'"]').attr('ui-hover-locked',true);

	$('.container-navigation-item').each(function() {
		if($(this).is('[ui-hover-locked=true]')) {
			$('.inner-content',this).stop().animate({bottom:57},900,"swing");
		} else {
			$('.inner-content',this).stop().animate({bottom:11},900,"swing");
		}
	});
	
	ui.setPageHeight((ui.currentPanel != null),false);

	if(index == 0) {
		$('#trigger-left-nav-arrow').css({display:'none'});
	} else {
		$('#trigger-left-nav-arrow').css({display:'block'});
	}

	if(index == $('[ui-base-panel]').length-1) {
		$('#trigger-right-nav-arrow').css({display:'none'});
	} else {
		$('#trigger-right-nav-arrow').css({display:'block'});
	}
}

ui.gotoPanelByPath = function(path) {
	if($('[ui-panel-path="'+path+'"]').length > 0) {
		this.gotoPanel($('[ui-base-panel]').index($('[ui-panel-path="'+path+'"]')[0]));
	}
}

ui.getPathByIndex = function(index) {
	return $('[ui-base-panel]:eq('+index+')').attr('ui-panel-path');
}

ui.setPageHeight = function(animate,resizeBackground) {
	var _hmargin = Math.max(($(window).width()-960)/2,64);
	
	if($(window).width() > 1088) {
		$('#trigger-left-nav-arrow').css({left:20});
		$('#trigger-right-nav-arrow').css({right:20,left:'auto'});
	} else {
		$('#trigger-left-nav-arrow').css({left:_hmargin-64});
		$('#trigger-right-nav-arrow').css({left:_hmargin+872});
	}

	var _height = $(window).height()-200;
	var _min = 477;
	if($('body').is('[product-state="true"]')) {
		_min = 527;
		animate = false;
	}
	$('#nav-shim').stop().animate({height:Math.max(_min,_height)},(animate)?800:0,"linear");

	if(typeof resizeBackground == "undefined" || resizeBackground) {
		ui.setBackgroundDim(ui.currentPanel);
	}
}

ui.setBackgroundDim = function(index) {
	var _stop = Math.min(7375,Math.max(0,parseInt($('[ui-base-panel]:eq('+index+')').attr('ui-panel-stop'))-60-(($(window).width()-960)/2)));
	if(ui.isIpad) {
		$('.container-layer').css({"-webkit-transform":"translate3d(-"+(index*$(window).width())+"px, 0, 0)"});
		$('.container-wide-layer').css({"-webkit-transform":"translate3d(-"+_stop+"px, 0, 0)"});
	} else {
		$('.container-layer').css({left:"-"+(index*100)+"%"});
		$('.container-wide-layer').css({left:-_stop});
	}
}

ui.initSiteNavigation = function() {
	
	$('#trigger-left-nav-arrow').each(function() {
		this.uipaper = Raphael(this,64,64);
		this.uipapercircle = this.uipaper.circle(32, 32, 31);
		this.uipapercircle.attr({fill:'#000000',opacity:0.4,cursor:'pointer'});
		this.uipaperarrow = this.uipaper.path("M33 50L68 50M33 50L48 33M33 50L48 68");
		this.uipaperarrow.attr({stroke:'#ffffff',cursor:'pointer'});
		this.uipaperarrow.transform("...T-18,-18");
	});

	$('#trigger-right-nav-arrow').each(function() {
		this.uipaper = Raphael(this,64,64);
		this.uipapercircle = this.uipaper.circle(32, 32, 31);
		this.uipapercircle.attr({fill:'#000000',opacity:0.4,cursor:'pointer'});
		this.uipaperarrow = this.uipaper.path("M33 50L68 50L48 33M68 50L48 68");
		this.uipaperarrow.attr({stroke:'#ffffff',cursor:'pointer'});
		this.uipaperarrow.transform("...T-18,-18");
	});

	if(!ui.isIpad) {
		$('#trigger-left-nav-arrow,#trigger-right-nav-arrow').mouseenter(function() {
			this.uipapercircle.animate({opacity:1},10,"<");
		});

		$('#trigger-left-nav-arrow,#trigger-right-nav-arrow').mouseleave(function() {
			this.uipapercircle.animate({opacity:0.4},400,"<");
		});
	}

	$('#trigger-left-nav-arrow').click(function() {
		if($('body').is('[product-state="true"]')) {
			var $panel = $('#content-layer .container-panel:eq('+ui.currentPanel+')').find('.container-product-panel:eq('+ui.currentProduct+')');
			if($panel.prev('.container-product-panel').length > 0) {
				$.address.path($('#content-layer .container-panel:eq('+ui.currentPanel+')').find('.container-product-panel:eq('+(ui.currentProduct-1)+')').attr('ui-panel-path'));
			} else {
				$.address.path($('#content-layer .container-panel:eq('+ui.currentPanel+')').find('.container-product-panel:last').attr('ui-panel-path'));
			}
			ui.tracking.track('click','left-nav-arrow');
		} else {
			ui.tracking.track('click','left-nav-arrow');
			var _candidate = ui.currentPanel-1;
			if(_candidate > -1 && _candidate < $('[ui-base-panel]').length) {
				$.address.path(ui.getPathByIndex(_candidate));
			}
		}
	});

	$('#trigger-right-nav-arrow').click(function() {
		if($('body').is('[product-state="true"]')) {
			var $panel = $('#content-layer .container-panel:eq('+ui.currentPanel+')').find('.container-product-panel:eq('+ui.currentProduct+')');
			if($panel.next('.container-product-panel').length > 0) {
				$.address.path($('#content-layer .container-panel:eq('+ui.currentPanel+')').find('.container-product-panel:eq('+(ui.currentProduct+1)+')').attr('ui-panel-path'));
			} else {
				$.address.path($('#content-layer .container-panel:eq('+ui.currentPanel+')').find('.container-product-panel:first').attr('ui-panel-path'));
			}
			ui.tracking.track('click','right-nav-arrow');
		} else {
			ui.tracking.track('click','right-nav-arrow');
			var _candidate = ui.currentPanel+1;
			if(_candidate > -1 && _candidate < $('[ui-base-panel]').length) {
				$.address.path(ui.getPathByIndex(_candidate));
			}
		}
	});

	if(ui.isIpad) {
		$(".container-stage").touchwipe({
			wipeRight:function() {
				if(!$('body').is('[product-state="true"]')) {
					$('#trigger-left-nav-arrow').triggerHandler('click');
				}
			},
			wipeLeft:function() {
				if(!$('body').is('[product-state="true"]')) {
					$('#trigger-right-nav-arrow').triggerHandler('click');
				}
			},
			min_move_x: 200,
			min_move_y: 200,
			preventDefaultEvents: false
		});
	}

	// main nav

	$('.container-navigation-item').click(function() {
		$.address.path($(this).attr('href'));
		ui.tracking.track('click','nav'+$(this).attr('href').replace(/\//g,"-"));
		return false;
	});
	
	if(!ui.isIpad) {
		$('.container-navigation-item').mouseenter(function() {
			if(!$(this).is('[ui-hover-locked=true]')) {
				$('.inner-content',this).stop().animate({bottom:57},200,"swing");
			}
			$('.rollover-bg',this).stop().animate({opacity:1},200,"linear");
		});

		$('.container-navigation-item').mouseleave(function() {
			if(!$(this).is('[ui-hover-locked=true]')) {
				$('.inner-content',this).stop().animate({bottom:11},900,"swing");
			}
			$('.rollover-bg',this).stop().animate({opacity:0},800,"linear");
		});
	}
	
	// mouse wheel

	$('body').bind('mousewheel',function(event,delta) {
		if($('#container-mask').css('display') == 'none' && $('.container-product-slide').length == 0) {
			var _candidate = ui.currentPanel+delta;
			if(_candidate > -1 && _candidate < $('[ui-base-panel]').length) {
				$.address.path(ui.getPathByIndex(_candidate));
			}
		}
	});
	
	// footer link tracking

	$('.container-legal-footer a').not('.link-footer-twitter,.link-footer-facebook').click(function() {
		ui.tracking.track('click','footer-'+$(this).text().replace(/[^0-9,a-z,A-Z]/g,"-").toLowerCase());
	});

	$('.link-footer-twitter,.link-footer-facebook').click(function() {
		ui.tracking.track('click',$(this).attr('class').replace("link-",""));
	});

	// overlay triggers

	$('.trigger-overlay').click(function() {
		$.address.path($(this).attr('href'));
		return false;
	});

	$('#trigger-close-overlay').click(function() {
		$.address.path(ui.getPathByIndex((ui.currentPanel==null)?0:ui.currentPanel));
	});
	
	// fb like box trigger

	if(ui.isIpad) {
		
		$('#trigger-fb-like-box').click(function() {
			ui.tracking.track('open','open-like-box');
			$('.container-fb-like-box').css({display:'block'});
			return false;
		});

	} else {

		$('#trigger-fb-like-box').mouseenter(function() {
			ui.tracking.track('open','open-like-box');
			$('.container-fb-like-box').css({display:'block'});
		});

		$('#trigger-fb-like-box').click(function() {
			return false;
		});
	}

	$('.trigger-close-like-box').click(function() {
		ui.tracking.track('click','close-like-box');
		$('.container-fb-like-box').css({display:'none'});
	});

	// product menus
	
	$('.control-product-dropdown .arrow').each(function() {
		this.uiarrowpaper = Raphael(this,23,27);
		this.uiarrowelement = this.uiarrowpaper.path("M7 10L17 10L12 17L7 10");
		this.uiarrowelement.attr({fill:'#ffffff',stroke:'#fc007f'});
	});

	$('.control-product-dropdown').each(function() {
		this.closeDropdown = function() {
			if(ui.isIpad) {
				$('.clear-after',this).css({display:'none'});
			} else {
				$('.clear-after',this).stop().animate({opacity:0},1800,"swing",function() {
					$(this).css({display:'none'});	
				});
			}
		}
	});
	
	var _openEvent = (ui.isIpad)?"click":"mouseenter";

	$('.control-product-dropdown label,.control-product-dropdown .arrow').bind(_openEvent,function() {
		ui.tracking.track('open','product-menu');
		if(ui.isIpad) {
			$('.clear-after',$(this).parent()[0]).css({display:'block',opacity:1});
		} else {
			$('.clear-after',$(this).parent()[0]).css({display:'block'}).stop().animate({opacity:1},0,"linear");
		}
	});

	if(!ui.isIpad) {
		$('.control-product-dropdown').mouseleave(function() {
			this.closeDropdown();
		});
		$('.control-product-dropdown .clear-after').mouseenter(function() {
			$(this).css({display:'block'}).stop().animate({opacity:1},0,"linear");
		});
	}

	$('.control-product-dropdown a').click(function() {
		ui.tracking.track('click','product-menu-link'+$(this).attr('href').replace(/\//g,"-"));
		$(this).parents('.control-product-dropdown')[0].closeDropdown();
		$.address.path($(this).attr('href'));
		return false;
	});
	
	// logo

	$('.canvas-logo').each(function() {

		var _attrs = {
			color:($(this).attr('ui-logo-color') != undefined)?$(this).attr('ui-logo-color'):'#fff',
			dotcolor:($(this).attr('ui-logo-dot-color') != undefined)?$(this).attr('ui-logo-dot-color'):'#fff',
			glowopacity:($(this).attr('ui-logo-glow-opacity') != undefined)?$(this).attr('ui-logo-glow-opacity'):0.7
		}

		this.uilogopaper = Raphael(this,300,300);

		this.uilogotext = this.uilogopaper.path(uiSvgObjects.logo);
		this.uilogotext.attr({fill:_attrs.color,'stroke-opacity':0,transform:'T5 5'});

		if($(this).is('[ui-logo-glow]')) {
			this.uilogotext.glow({color:$(this).attr('ui-logo-glow'),opacity:_attrs.glowopacity});
		}

		this.uilogodot = this.uilogopaper.path(uiSvgObjects.logodot);
		this.uilogodot.attr({fill:_attrs.dotcolor,'stroke-opacity':0,transform:'T5 5'});
		if($(this).is('[ui-logo-glow]')) {
			this.uilogodot.glow({color:$(this).attr('ui-logo-glow'),opacity:_attrs.glowopacity});
		}
	}).click(function() {
		ui.tracking.track('click','logo');
		$.address.path("/home");
	});

	// buttons

	$('.button').mouseenter(function() {
		$(this).find('.bg').stop().animate({opacity:1},100,"swing");
	});

	$('.button').mouseleave(function() {
		$(this).find('.bg').stop().animate({opacity:0},760,"swing");
	});
	
	$('.container-product-buttons').each(function() {
		$(this).find('.button:first').click(function() {
			ui.tracking.track('click','buy-in-store');
		});
		$(this).find('.button:last').click(function() {
			ui.tracking.track('click','buy-online');
		});
	});
}

ui.mottoGenerator = {};

ui.mottoGenerator.mottos = {
	"classic":["Bring on the wardrobe malfunction.","She neglected to tell you the<br />bridesmaid dresses are two-piece.","Cop at the bar wants to cuff you.<br />He’s off duty."],
	"energy":["Energy to work out the personal<br />trainer after the workout.","Finally energy for the gender<br />who invented multi-tasking.","Introducing a renewable<br />energy source: Girl Power."],
	"mocktails":["Because the night is young<br />and so are the men.","3 drinks later, just the<br />hot guys still look hot."]
}

ui.mottoGenerator.backgrounds = {
	"classic":["bg-motto-malfunction.png","bg-motto-bridesmaid.png","bg-motto-cuffs.png"],
	"energy":["bg-motto-trainer.png","bg-motto-multitasking.png","bg-motto-girlpower.png"],
	"mocktails":["bg-motto-night.png","bg-motto-drinks.png"]
}

ui.mottoGenerator.getRandomMotto = function(filter) {

	if(typeof(filter) == "undefined") {
		filter = "*";
	}

	var _mottos = new Array();
	var _types = new Array();
	var _images = new Array();
	for(var i in this.mottos) {
		if(filter == "*" || i == filter) {
			_mottos = _mottos.concat(this.mottos[i]);
			for(var j in this.mottos[i]) {
				_types.push(i);
				_images.push(ui.mottoGenerator.backgrounds[i][j]);
			}
		}
	}
	
	var _index = Math.floor(Math.random()*_mottos.length);

	var $flavors = $('.panel-'+_types[_index]+' .control-product-dropdown a');
	$('.target-flavor').text(_types[_index]+': '+$.trim($flavors.filter(":eq("+Math.floor(Math.random()*$flavors.length)+")").text()));
	$('.container-motto-results').css({background:'url('+ui.uiPath+'ui/img/'+_images[_index]+') right top no-repeat'});
	return _mottos[_index];
}

ui.mottoGenerator.generateMotto = function() {
	var _tally = {"classic":0,"energy":0,"mocktails":0};
	$('.container-motto-form .list').each(function() {
		_tally[$(this).find('> div:first').attr('motto-type')]++;
	});
	var _types = new Array();
	for(var i in _tally) {
		var _max = true;
		for(var j in _tally) {
			if(i != j) {
				if(_tally[i] < _tally[j]) {
					_max = false;
				}
			}
		}
		if(_max) {
			_types.push(i);
		}
	}

	return this.getRandomMotto(_types[Math.floor(Math.random()*_types.length)]);
}

ui.initMottoGenerator = function() {

	$('.control-dropdown').each(function() {
		$(this).attr('selected-value',$.trim($('.list > div:first',this).text()));
	});

	$('.control-dropdown').click(function() {
		$(this).css({zIndex:3});
		if($('.list',this).height() == 23) {
			$('.list',this).stop().animate({height:$('.list > div',this).length*23},500,"linear");
		} else {
			$('.list',this).stop().animate({height:23},500,"linear");
		}
	});

	$('.control-dropdown').mouseleave(function() {
		$(this).css({zIndex:1});
		$('.list',this).stop().animate({height:23},800,"swing");
	});

	$('.control-dropdown .list > div').click(function(event) {
		var _index = $(this).parents('.list').find('> div').index(this);
		if(_index != 0) {
			$(this).css({background:'',color:''});
			$(this).parents('.list').prepend(this).css({height:23});
			$(this).parents('.control-dropdown').css({zIndex:1}).attr('selected-value',$.trim($(this).text()));
			event.stopImmediatePropagation();
		}
	});
	
	$('.control-dropdown .list > div').mouseenter(function() {
		var _index = $(this).parents('.list').find('> div').index(this);
		if(_index != 0) {
			$(this).css({background:'#ccc',color:'#fff'});
		}
	});

	$('.control-dropdown .list > div').mouseleave(function() {
		var _index = $(this).parents('.list').find('> div').index(this);
		if(_index != 0) {
			$(this).css({background:'',color:''});
		}
	});

	$('.trigger-motto-generator,.trigger-motto-randomizer').click(function() {
		
		if($(this).is('.trigger-motto-randomizer')) {
			ui.tracking.track('click','random-motto-button');
			$('.target-motto').html(ui.mottoGenerator.getRandomMotto());
		} else {
			ui.tracking.track('click','create-motto-button');
			$('.target-motto').html(ui.mottoGenerator.generateMotto());
		}
		
		if($('html').is('.ie')) {
			$('.container-motto-form').css({display:'none'});
			$('.container-motto-results').css({display:'block'});
		} else {
			$('.container-motto-form').animate({opacity:0},800,"swing");
			$('.container-motto-results').css({display:'block'}).animate({opacity:1},800,"swing");
		}
	});

	$('.trigger-motto-reset').click(function() {
		ui.tracking.track('click','reset-motto-button');

		if($('html').is('.ie')) {
			$('.container-motto-form').css({display:'block'});
			$('.container-motto-results').css({display:'none'});
		} else {
			$('.container-motto-form').animate({opacity:1},800,"swing");
			$('.container-motto-results').animate({opacity:0},800,"swing",function() {
				$(this).css({display:'none'});
			});
		}
	});

	$('.trigger-fb-motto-post').click(function() {
		ui.tracking.track('click','share-motto-button');
		FB.ui({
			method: 'feed',
			name: $('.target-motto').html().replace(/<.+>/g," "),
			link: ui.domain+'index.html#/promo/motto',
			picture: ui.domain+ui.uiPath+'/ui/img/facebook-motto.jpg',
			caption: 'WHAT’S YOUR STAY LIGHT MOTTO?',
			description: 'Whether you’re a high-energy vixen or a classic vamp, everyone has their own way of staying light. Get your own motto, share it on Facebook and let the lightness begin.'
		});
	});
}

ui.changeState = function() {

	ui.tracking.track('load',$.address.path());

	// reset ui elements

	$('#container-mask,#container-overlay,.youtube-player,.container-product-panel,.container-product-buttons,.container-fb-like-box').css({display:'none'});
	$('.youtube-player').attr('src',ui.uiPath+'ui/img/blank.gif');
	$('.container-content > h2,.container-content > h3,.container-content > p').css({display:'block'});
	$('.control-product-dropdown').css({top:339,boxShadow:""});
	$('.container-product-slide,.container-product-background').remove();
	$('#content-layer .container-panel').css({background:"none"});
	$('.product-logo').css({top:-2000});
	$('.group-logo').css({top:0});
	$('body').removeClass('state-product').attr('product-state',"false");
	$('.fb-group-like').css({display:'block'});

	if($('[ui-base-panel][ui-panel-path="'+$.address.path()+'"]').length > 0 && $.address.path().indexOf('/promo/') == -1 ) {
		
		ui.gotoPanelByPath($.address.path());
	
	} else if($.address.path() == '/get-a-stay-light-motto-to-live-by' || $.address.path() == '/tv-spots') {
		
		if($.address.path() == '/tv-spots') {
			$('.youtube-player').css({display:'block'}).attr('src','http://www.youtube.com/embed/y8pNQ6lSQ-8?rel=0&wmode=transparent');
		} else {
			$('.youtube-player').css({display:'none'}).attr('src',ui.uiPath+'ui/img/blank.gif');
		}

		$('.container-promo-panel').css({display:'none'}).filter('[ui-panel-path="'+$.address.path()+'"]').css({display:'block'});
		ui.gotoPanelByPath("/promo");

	} else if($('[href^="'+$.address.path()+'"]').parents('.control-product-dropdown').length > 0) {
		
		$('.fb-group-like').css({display:'none'});
		$('body').addClass('state-product').attr('product-state',"true");
		$('.product-logo').css({top:0});
		$('.group-logo').css({top:-2000});
		
		var $baselink = $('[href^="'+$.address.path()+'"]');
		ui.currentProduct = $baselink.parents('.container-content').find('[ui-panel-path]').index($('[ui-panel-path="'+$.address.path()+'"]')[0]);

		$('.container-content > h2,.container-content > h3,.container-content > p').css({display:'none'});

		$baselink.parents('.container-panel').css({background:"#fff"});
		$baselink.parents('.container-content').find('.control-product-dropdown').css({top:459,boxShadow:"0 0 10px #fff"});
		$('.container-product-panel[ui-panel-path="'+$.address.path()+'"]').css({display:'block'});
		
		var $img = $('<div class="container-product-background"><img src="'+ui.imagesPath+'images/background/product-background.jpg" style="position:absolute;top:0;left:0;width:100%;height:100%" alt="" /></div>');
		$img.find('img').load(function() {
			if(!$('html').is('.ie')) {
				$(this).parent().animate({opacity:1},(ui.isIpad)?0:1200,"swing");
			}
		});
		$baselink.parents('.container-panel').append($img);

		var $img = $('<div class="container-product-slide" style="background:url('+ui.imagesPath+'images/products'+$.address.path()+'/product.jpg) center top no-repeat;"><img src="'+ui.imagesPath+'images/products'+$.address.path()+'/product.jpg" alt="" /></div>');
		$img.find('img').load(function() {
			if(!$('html').is('.ie')) {
				$(this).parent().animate({opacity:1},(ui.isIpad)?0:1200,"swing");
			}
		});
		$baselink.parents('.container-panel').append($img);
		

		$baselink.parents('.container-panel').find('.container-product-buttons').css({display:'block'});

		if($('.container-product-panel[ui-panel-path="'+$.address.path()+'"]').find('.jspContainer').length == 0) {
			$('.container-product-panel[ui-panel-path="'+$.address.path()+'"]').find('.container-nutritional-info').jScrollPane();
		}
		
		$('img[ui-src="images/products'+$.address.path()+'/small.png"]')[0].src=ui.imagesPath+'images/products'+$.address.path()+'/small.png';

		ui.gotoPanelByPath("/"+$.address.path().split("/")[1]);

	} else {

		$('.container-overlay-content').empty();
		$('#container-overlay,#container-mask').css({display:'block'});
		$('.container-overlay-content').load(ui.uiPath+"/ui/xml/"+$.address.path().replace("/","")+".xml", function() {
			$('.container-scroll-pane').jScrollPane({hideFocus:true});
		});

		$('#trigger-close-overlay').each(function() {
			if(typeof(this.uipaper) == "undefined") {
				this.uipaper = Raphael(this,20,20);
				this.uipapericon = this.uipaper.path("M0 0L20 20M20 0L0 20");
				this.uipapericon.attr({stroke:'#20358c'});
			}
		});
	}
}


window.fbAsyncInit = function() {
	FB.init({
		appId      : '275928135790591', // App ID
		status     : true, // check login status
		cookie     : true, // enable cookies to allow the server to access the session
		oauth      : true, // enable OAuth 2.0
		xfbml      : true  // parse XFBML
	});
};

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-27799568-1']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

ui.randomRange = function(min,max) {
	return (Math.floor(Math.random()*((max-min)+1)))+min;
}

$(document).ready(function() {
	
	// site init
	
	if(ui.isFF3) {
		$('html').addClass('ff3');
	}

	if(ui.isIpad) {
		$('html').addClass('ipad');
	}

	if(ui.isIE9) {
		$('html').addClass('ie9');
	}

	$(window).resize(function() {
		ui.setPageHeight(false);
	});

	// jquery address

	$.address.change(function(event) {
		if($.address.path() == "/" || $.inArray($.address.path(),ui.sitePages) == -1) {
			
			if($.address.path() == "/classic/fruit-flavors" || $.address.path() == "/classic/tea-flavors") {
				$.address.path("/classic");
			} else if($.address.path() == "/promo") {
				$.address.path("/get-a-stay-light-motto-to-live-by");
			} else {
				var _path = "/"+location.pathname.split("/").slice(3,location.pathname.split("/").length-1).join("/");
				if($.inArray(_path,ui.sitePages) != -1) {
					$.address.path(_path);
				} else {
					$.address.path("/home");
				}
			}
		} else {
			if(ui.currentPanel == null) {
				$('#content-layer').load(ui.uiPath+"ui/xml/site.xml",function() {
					$('.container-layer').css({width:($('[ui-base-panel]').length*100)+"%"});
					$('.container-panel').css({width:(100/$('[ui-base-panel]').length)+"%"});
					$('.container-wide-layer').css({width:$('[ui-base-panel]').length*1800});

					$('#content-layer').css({visibility:'visible'});
					ui.initSiteNavigation();
					ui.initMottoGenerator();
					ui.changeState();
					
					$('body').prepend('<div id="fb-root"></div>');
					$('head').append('<script src="http://connect.facebook.net/en_US/all.js" id="facebook-jssdk"></script>');

				});
			} else {
				ui.changeState();
			}
		}
	});

	// done

	$('html').removeClass('no-js');
});

ui.percolate = function() {
	if(Math.random() > 0.5) {
		var _circle = $('#bokeh-layer')[0].uipaper.circle(ui.randomRange(0,$(window).width()),$(window).height()+200,ui.randomRange(5,50));
		_circle.attr({stroke:'rgba(255,255,255,0)',fill:'r('+(ui.randomRange(3,5)/10)+','+(ui.randomRange(3,5)/10)+')rgba(255,255,255,0.2)-rgba(255,255,255,0.1)',opacity:0.1});
		_circle.animate({transform:"...t0,-2000s"+ui.randomRange(3,10)},ui.randomRange(32000,40000),"easeOut");
	} else {
		var _img = $('<img src="'+ui.imagesPath+'images/classic/bubbles'+ui.randomRange(1,3)+'.png" alt="" style="width:150px;position:absolute;display:block;top:'+$(window).height()+'px;left:'+ui.randomRange(0,$(window).width()-100)+'px" />');

		_img.appendTo('#content-layer .container-panel:eq(1)').animate({top:-1000,width:600},34000,"easeInQuint",function() {
			$(this).css({display:'none'});	
		});
	}
}