var zoom;
$( document ).ready( function()
{		
	$(document).attr("openedPopUp",0);
	
	var d = document;
	var odv = d.createElement("div");
	document.body.appendChild(odv);	
	$(odv).addClass("darklayer");
	$("div.darklayer").css({'height': $(document).height(), 'width': $(document).width(),'z-index':1});
	
	try
	{
		zoom=new jzoom($("#wrapThumb"));
	}
	catch(error){		
	}	
	
    BindPopups();
	expandFeature();
});
function expandFeature()/*expands the first element of the key feature tab*/
{
	if($("#page.product_detail_page .principal_list")){
		var li=$("#page.product_detail_page .principal_list li.main").get(0);
		$(li).find("div.expandContent").css("display","block");
	}	
}

/* ------------------------------------------------------------------------------------------------------------------- */
/* ---- Binds all of the click functions, called on page load and subsequent AJAX calls to rebind click functions ---- */
function BindPopups()
{
	$("a.popUpLink").click(function(e){openPopUp(e,"block",this)});
	$("a.popUpLinkHover").hover(function(e){openPopUp(e,"block",this,true);});
	
	$( "a.closeLink" ).click( function(e)
	{
	    openPopUp( e, "none", this )
	});
	
	$("a.zoom-image-link, .product-carousel .carousel-item a.zoom-img").click(function(e){videoToggle(e,".expose-image",this)});
	$("a.video-image-link,a.open_video_container").click(function(e){videoToggle(e,".expose-video",this)});
	$("a.expan_link").click(expandCollapse);
	$("a.close_features").click(closeAllExpanded);
	
	
	$("#page.sense_landing_page .wrap-middle .content_landing_page ul.content_nav li a").click(function(e){expandCollapse(e,this,1)});
	$("#page.sense_landing_page .wrap-middle .content_landing_page ul.content_nav li a.openall").click(function(e){expandCollapse(e,this,2)});	
	
	
	$("a.close_features").click(function(e){expandCollapse(e,this,true)});
	
}

/* ----------------------------------------------------- */
/* use to expand and collapse on the product detail page */

var expandCollapse = function( e, obj, closeAll )
{
	e.preventDefault();	
	if( $( "div.expandContent", $(this).closest( "li, div" ) ).css( "display" ) == "none" )
	{		
		$( "div.expandContent", $(this).closest( "li, div" ) ).slideDown( "fast" );
		$( this ).addClass("expanded");
	}
	else
	{
		$( "div.expandContent",$(this).closest( "li, div" ) ).slideUp( "fast" );
		$( this ).removeClass( "expanded" );
	}
	switch(closeAll){
		case 1:	
				$(".expanded",$(obj).attr("closeGroup")).removeClass("expanded");
				$("div.expandContent",$(obj).attr("closeGroup")).css("display","none");
				break;
		case 2:			
				$(".expan_link",$(obj).attr("closeGroup")).addClass("expanded");
				$("div.expandContent",$(obj).attr("closeGroup")).css("display","block");
				break;
	}
}


var closeAllExpanded=function(e,obj,closeAll){
	e.preventDefault();
		$(".expanded",$(obj).attr("closeGroup")).removeClass("expanded");
		$("div.expandContent",$(obj).attr("closeGroup")).css("display","none");
}

/*added by Marco salazar, Oct 5, 2010
Fucntion is for my account page collapsables*/
$( document ).ready( function()
		{
		  $("#page.my-account-page #box a.expan_link").click(expandCollapseAccount);
		});

function expandCollapseAccount(e){
			e.preventDefault();
			if($(this).closest(".contentgrad_header").next(".expandContent").css( "display" ) == "none" )
			{		
				$(this).closest(".contentgrad_header").next(".expandContent").css( "display","block" );
				$(this).addClass("expanded");
			}
			else
			{
				$(this).closest(".contentgrad_header").next(".expandContent").css("display","none");
				$(this).removeClass("expanded");
			}
}

var videoToggle=function(e,flag,obj){	
	e.preventDefault();
	$(".displayedDiv").css("display","none");
	$(".displayedDiv").removeClass("displayedDiv");
	$(flag).css("display","block");
	$(flag).addClass("displayedDiv");	
	try{
		if($($(obj).attr("href")).css("display")=="none"){
			openPopUp(e,"block",obj,true);		
	}
	}
	catch(e){
	}	
	zoom.init();	
}
var checkObj=function(e){		
	var popup=document.openedPopUp;	
	if(!popup=="#tab_video"){
		$(popup).css("display","none");	
		$("div.darklayer").css("display","none");
		document.openedPopUp=0;
		$(document).unbind("click",checkObj)
		$(popup).unbind("click",stopClick);
	}
}
var calcPos=function(obj1,obj2){
	var pos=$(obj1).offset();
	var pos2=$(obj2).offset();
	var position={
		top:0,
		left:0
	}		
	position.top=pos.top+$(obj1).height()/2-0;
	position.left=pos.left +$(obj1).width();	
	return position
}
var stopClick=function(e){
	e.stopPropagation();	
}


var openPopUp = function( e, flag, obj, nodarklayer )
{		
	e.preventDefault();
	e.stopPropagation();		
	if ( document.openedPopUp != 0 )
	{
		$(document.openedPopUp).css("display","none");
	}
	
	var popup=$(obj).attr("href");		
	$(popup).css("display",flag)
	if(flag=="block")
	{						
		if ( !nodarklayer )
		{
			$("div.darklayer").css("display","block");
			showPopupCss("#popup_view_product");
		}
		document.openedPopUp=popup;
		$(document).bind("click",checkObj);
		$(popup).bind("click",stopClick);
	}
	else
	{
		document.openedPopUp=0;
		$(document).unbind("click",checkObj)
		$(popup).unbind("click",stopClick);
		$("div.darklayer").css("display","none");
	}
}
	
function showPopupCss(obj){
	popup=$(obj);	
	if($(popup).css("display")=="none"){
		$(popup).css("display","block");
		document.openedPopUp=popup;				
	}
}