/*
    Valid tab names are ship and desc.
*/

function togglesection(sectionname)
{
	if (sectionname=="desc") {
		hidesection("ship");
		showsection("desc");      
	} else {
		hidesection("desc");
		showsection("ship");        
	}        
}

function showsection(sectionname) 
{    
	if (document.getElementById(sectionname+"_box")) {
		document.getElementById(sectionname+"_box").style.display = "";
		document.getElementById(sectionname+"link").innerHTML = "<img src=\"images/g_tab_" + sectionname + "_sel.gif\">";
	}
	
}

function hidesection(sectionname)
{
	if(document.getElementById(sectionname+"_box")) {
		document.getElementById(sectionname+"_box").style.display = "none";
		document.getElementById(sectionname+"link").innerHTML = "<img src=\"images/g_tab_" + sectionname + ".gif\">";
	}
}


function updateCartTotals()
{
	$("#cartTotals").load("/includes/i_cart_totals.asp");
}

function showRequest(p_formData, p_jQueryForm, p_ajaxOptions)
{
	var jQueryObj = $("#" + p_ajaxOptions.id);
	var offsetObj = jQueryObj.offset();
	var ajaxDiv = $("#loading");
	ajaxDiv.css("top", offsetObj.top);
	ajaxDiv.css("left", offsetObj.left);
	ajaxDiv.css("width", jQueryObj.width());
	ajaxDiv.css("height", jQueryObj.height());
	ajaxDiv.css("z-index", "3");
	ajaxDiv.fadeIn("fast");
}

function showResponse()
{
	updateCartTotals();
	$("#loading").fadeOut("fast");
}

function showResponsesm() {
    //window.opener.updateCartTotals();
    updateCartTotals();
    $("#loading").fadeOut("fast");
    window.opener.scroll(0, 0);
    //window.opener.refreshCart();
    window.opener.refreshCartAlt(window.opener);
    window.close();
}

function showRequest2(p_formData, p_jQueryForm, p_ajaxOptions) {
    var jQueryObj = $("#" + p_ajaxOptions.id);
    var offsetObj = jQueryObj.offset();
    var ajaxDiv = $("#loading");
    ajaxDiv.css("top", offsetObj.top);
    ajaxDiv.css("left", offsetObj.left);
    ajaxDiv.css("width", jQueryObj.width());
    ajaxDiv.css("height", jQueryObj.height());
    ajaxDiv.css("z-index", "3");
    ajaxDiv.fadeIn("fast");
}

function showResponsesm2() {
    window.close();
}

function showRequestsm2(p_formData, p_jQueryForm, p_ajaxOptions) {
    window.opener.location = "/itemdetail.asp?item=" + p_formData[0].value + "&fromPartSelector=true";
}

$(document).ready(function(){
						   		   
	//When you click on a link with class of poplight and the href starts with a # 
	$('a.poplight[href^=#]').click(function() {
		var popID = $(this).attr('rel'); //Get Popup Name
		var popURL = $(this).attr('href'); //Get Popup href to define size
				
		//Pull Query & Variables from href URL
		var query= popURL.split('?');
		var dim= query[1].split('&');
		var popWidth = dim[0].split('=')[1]; //Gets the first query string value

		//Fade in the Popup and add close button
		$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="/images/close_pop.png" class="btn_close" title="Close Window" alt="Close" /></a>');
		
		//Define margin for center alignment (vertical + horizontal) - we add 80 to the height/width to accomodate for the padding + border width defined in the css
		var popMargTop = ($('#' + popID).height() + 80) / 2;
		var popMargLeft = ($('#' + popID).width() + 80) / 2;
		
		//Apply Margin to Popup
		$('#' + popID).css({ 
			'margin-top' : -popMargTop,
			'margin-left' : -popMargLeft
		});
		
		//Fade in Background
		$('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
		$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer 
		
		return false;
	});
	
	
	//Close Popups and Fade Layer
	$('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
	  	$('#fade , .popup_block').fadeOut(function() {
			$('#fade, a.close').remove();  
	}); //fade them both out
		
		return false;
	});

	
});