﻿$(function() {
 
   function show() {
//     var menu = $(this);
     $("#inner").show();
   }
  
   function hide() { 
     var menu = $(this);
     $("#inner").hide();
   }
   
   $(".hover-menu").hoverIntent({
     sensitivity: 1, // number = sensitivity threshold (must be 1 or higher)
     interval: 25,   // number = milliseconds for onMouseOver polling interval
     over: show,     // function = onMouseOver callback (required)
     timeout: 600,   // number = milliseconds delay before onMouseOut
     out: hide       // function = onMouseOut callback (required)
   });
   
   $(".search-text").keypress(function(e){
        if (e.keyCode == 13){
            Search($(".search-text").val());
        }
   });  
 });

function Search(keyword){
    window.location= "http://tea.teavana.com/getSearch.jsp?keyword=" + keyword;
}
function SubscriptToNewsletter(email){
    window.location = "http://email.teavana.com/bin/listctrl?slid=5C84B893BD6D939E3DF82D57DC6CDE48&cmd=subscribe&goto=http://www.teavana.com/c=r_welcome/shop.axd/Static&format=html&email=" + email;
}
/* Client-side access to querystring name=value pairs
	Version 1.3
	28 May 2008
	
	License (Simplified BSD):
	http://adamv.com/dev/javascript/qslicense.txt
*/
function Querystring(qs) { // optionally pass a querystring to parse
	this.params = {};
	
	if (qs == null) qs = location.search.substring(1, location.search.length);
	if (qs.length == 0) return;

// Turn <plus> back to <space>
// See: http://www.w3.org/TR/REC-html40/interact/forms.html#h-17.13.4.1
	qs = qs.replace(/\+/g, ' ');
	var args = qs.split('&'); // parse out name/value pairs separated via &
	
// split out each name=value pair
	for (var i = 0; i < args.length; i++) {
		var pair = args[i].split('=');
		var name = decodeURIComponent(pair[0]);
		
		var value = (pair.length==2)
			? decodeURIComponent(pair[1])
			: name;
		
		this.params[name] = value;
	}
}

Querystring.prototype.get = function(key, default_) {
	var value = this.params[key];
	return (value != null) ? value : default_;
}

Querystring.prototype.contains = function(key) {
	var value = this.params[key];
	return (value != null);
}
function ReviewSetup(){
    var qs = new Querystring()
	var pr_locale="en_US";
	var pr_merchant_group_id=10487;
	var pr_site_id=1;
	var pr_page_id="'" + qs.get("pageId") + "'";
	var pr_source="web";
	var pr_style_sheet="/css/pwr_styles.css";
	var pr_promo_code="'" + qs.get("promo") + "'";
	var pr_campaign_id="'" + qs.get("campaign") + "'";
	var pr_merchant_user_email="'" + qs.get("user") + "'";
}

function configure_slider_zone(itemsPerPage){
    var sliderSizeDecrease = .5;
	var itemCount = $(".item").size();
	var itemWidth = parseInt($(".item:first").css("width")) + parseInt($(".item:first").css("margin-right")) - 1;
	
	var recOuterWidth = parseInt($("#recommendation-view").css("width"))
	var recInnerWidth = itemsPerPage * itemWidth;
	var recDiffWidth = recOuterWidth - recInnerWidth - 40
	var outerMargin = recDiffWidth / 2;
	
	// Set css on items
	$("#recommendation").css("margin-left", outerMargin - 10);
	$("#scrollable").css("width", recInnerWidth);
	$(".slider-container").css("width", (recInnerWidth - outerMargin + 40) / 1 + sliderSizeDecrease);
	$(".ui-slider-1").css("width", ((recInnerWidth - outerMargin + 40) / 1 + sliderSizeDecrease) - 85);
	$(".slider-container").css("margin-left", ((sliderSizeDecrease * recDiffWidth) /2));
	
	var sliderMaxSize = parseInt($(".ui-slider-1").css("width"));
	var totalItemTransitions = itemCount - (itemsPerPage);
	var transitionSize = (sliderMaxSize / totalItemTransitions);
	
	// slider config
  	$("#scrollable").scrollable({
		size: itemsPerPage,
		speed: 900,
		clickable: false,
		loop: true,
		onBeforeSeek: function(e, index) { 
			$(".ui-slider-1").slider('option', 'value', index * transitionSize);
		}
	}).autoscroll({ autoplay: true,interval: 7000});

    // slider config
    var sliderOpts = {
	  max: transitionSize * totalItemTransitions,
      change: function(e, ui) { 
		var api = $("#scrollable").scrollable({api: true}); 
		var indexDiff = $(".ui-slider-1").slider('option', 'max') - ui.value;
		var index = totalItemTransitions - parseInt(indexDiff / transitionSize);
		
		api.seekTo(index);
      }
    };
    
    // setup slider events
    $(".start").click(function(){
        var api = $("#scrollable").scrollable({api: true}); 
        api.begin();
    });
    $(".end").click(function(){
        var api = $("#scrollable").scrollable({api: true}); 
        api.end();
    });
    
    // create slider
    $(".ui-slider-1").slider(sliderOpts);	
    // display recommendation area
    $("#recommendation-view").css("display", "block");
}

function configure_homepage_slider_zone(){
    var itemsPerPage = 4;
    var sliderSizeDecrease = .5;
	var itemCount = $(".item").size();
	var itemWidth = parseInt($(".item:first").css("width")) + parseInt($(".item:first").css("margin-right")) - 1;
	
	var recOuterWidth = parseInt($("#recommendation-view").css("width"))
	var recInnerWidth = itemsPerPage * itemWidth;
	var recDiffWidth = recOuterWidth - recInnerWidth - 40
	var outerMargin = recDiffWidth / 2;
	
	// Set css on items
	$("#recommendation").css("margin-left", outerMargin - 10);
	$("#scrollable").css("width", recInnerWidth);
	$(".slider-container").css("width", (recInnerWidth - outerMargin + 40) / 1 + sliderSizeDecrease);
	$(".ui-slider-1").css("width", ((recInnerWidth - outerMargin + 40) / 1 + sliderSizeDecrease) - 85);
	$(".slider-container").css("margin-left", 205);
	
	var sliderMaxSize = parseInt($(".ui-slider-1").css("width"));
	var totalItemTransitions = itemCount - (itemsPerPage);
	var transitionSize = (sliderMaxSize / totalItemTransitions);
	
	// slider config
  	$("#scrollable").scrollable({
		size: itemsPerPage,
		speed: 900,
		clickable: false,
		loop: true,
		onBeforeSeek: function(e, index) { 
			$(".ui-slider-1").slider('option', 'value', index * transitionSize);
		}
	}).autoscroll({ autoplay: true,interval: 7000});

    // slider config
    var sliderOpts = {
	  max: transitionSize * totalItemTransitions,
      change: function(e, ui) { 
		var api = $("#scrollable").scrollable({api: true}); 
		var indexDiff = $(".ui-slider-1").slider('option', 'max') - ui.value;
		var index = totalItemTransitions - parseInt(indexDiff / transitionSize);
		
		api.seekTo(index);
      }
    };
    
    // setup slider events
    $(".start").click(function(){
        var api = $("#scrollable").scrollable({api: true}); 
        api.begin();
    });
    $(".end").click(function(){
        var api = $("#scrollable").scrollable({api: true}); 
        api.end();
    });
    
    // create slider
    $(".ui-slider-1").slider(sliderOpts);	
    // display recommendation area
    $("#recommendation-view").css("display", "block");
}


function io_rec_zp(a_product_ids, zone, symbolic, target_id,
              category, rec_attributes, target_attributes, target_header_txt){
                  
	if (symbolic !== '_NR_')
	{
		var itemsPerPage = 4;
	    var vc_tracking = "";              
	    
        if (zone == "pdpz1"){
            vc_tracking = "?cm_sp=Recos-_-ProductPage-_-" + target_id + "&cm_vc=pdpz1";
        }
        if (zone == "SCZ1"){
            vc_tracking = "?cm_sp=Recos-_-Cart-_-" + target_id + "&cm_vc=SCZ1";
        }
        if (zone == "CTPZ1"){
            vc_tracking = "?cm_sp=Recos-_-CatPage-_-" + target_id + "&cm_vc=CTPZ1";
            itemsPerPage = 3;
        }
        if (zone == "HPRC1"){
            vc_tracking = "?cm_sp=Recos-_-HomePage-_-" + target_id + "&cm_vc=HPRC1";
        }        
	
		if (target_header_txt != null){
			$("#recommendation-view > h2").text(target_header_txt);
		}
		var displayArea = $(".items");
		var n_recs = a_product_ids.length;
		for (var i=0; i < n_recs; i++)
		{   
			var rec_prod_id = a_product_ids[i];
			var rec_prod_name = rec_attributes[i][0];
			var rec_prod_url = rec_attributes[i][1].replace('http://www.teavana.com', "");
			var rec_prod_price = rec_attributes[i][2];
			displayArea.append("<div class='item'>"
			    +"<a href='" + rec_prod_url + vc_tracking + "' title='" + rec_prod_name + "'>"
				+"<img src='http://s7d5.scene7.com/is/image/Teavana/" + rec_prod_id  +"_d?$reco$' />"
				+ "<div class='label'>" + rec_prod_name + "<br />"
				+ "<span class='price'>$" + rec_prod_price + "</span>"
				+ "</div></a></div>");
		}
		
	    if (zone == "HPRC1"){
	        configure_homepage_slider_zone(itemsPerPage);			
	    }else{
		    configure_slider_zone(itemsPerPage);			
		}
	}
}