/* popup */
$(document).ready(function() { 
	// left blank intentionally
}); 

function bgPopup()
{
	$('#bgPopup').show();
	var theHeight = $('#mainContainer').height();
	var theWidth  = $('body').width();
	$('#bgPopup img').css('height', theHeight);
	$('#bgPopup img').css('width', theWidth);
}

function showPopup()
{
	// set background for popup
	bgPopup();
	
	// show the popup
	$('#popup').show('slow');
	
	// popup dimensions
	var theHeight = '650';
	var theWidth = '650';
	var bodyWidth = $('body').width();
	
	// set css
	$('#popup').css('height', theHeight);
	$('#popup').css('width', theWidth);
	$('#popup').css('left', bodyWidth/2-325);
	
	// scroll to location
	location.href='#menu';
}

/* prod details */

function showDetails(container,imgID)
{
	// hide containers
	$('#beautyfixSays').hide();
	$('#panelSays').hide();
	$('#brandSays').hide();
	$('#application').hide();
	$('#ingredients').hide();
	$('#customerReviews').hide();
	
	// reset images
	$('#nav1').attr('src','/asset/image/button/btnProdDetailsOff_01.gif');
	$('#nav2').attr('src','/asset/image/button/btnProdDetailsOff_02.gif');
	$('#nav3').attr('src','/asset/image/button/btnProdDetailsOff_03.gif');
	$('#nav4').attr('src','/asset/image/button/btnProdDetailsOff_04.gif');
	$('#nav5').attr('src','/asset/image/button/btnProdDetailsOff_05.gif');
	$('#nav6').attr('src','/asset/image/button/btnProdDetailsOff_06.gif');
	
	// show container & show on button
	$('#outerContainer').block();
	$('#' + container).show('slow');
	$('#nav' + imgID).attr('src','/asset/image/button/btnProdDetailsOn_0' + imgID + '.gif');
	setTimeout(function noFunction(){$('#outerContainer').unblock();},500);
}

function getProdDetails(prod_id)
{
	// get popup details
	$.ajax({
				url: "/product_popup.php?prod_id=" + prod_id,
				cache: false,
				success: function(html)
				{
					$("#popup").html(html);
				}
			});
	
	// show popup details (fire it at least)
	showPopup();
}

function closePopup()
{
	$('#bgPopup').hide();
	$('#popup').hide('slow');
}