var web_path='/';

/**
 * Global Onload Method
 * 
 * currently this sets up the tell a friend popup in a lightbox as well as sets up the bookmark site link.
 */
$(function() {
	$('.topnav').supersubs({ 
    	minWidth:    8,   // minimum width of sub-menus in em units 
    	maxWidth:    20,   // maximum width of sub-menus in em units 
    	extraWidth:  1  
	}).superfish({
		animation:   {opacity:'show',height:'show'},  // fade-in and slide-down animation 
        speed:       'fast',                          // faster animation speed 
        autoArrows:  false                           // disable generation of arrow mark-up 
	});
	
	// attach fancybox to the send to friend link in the footer if both exist
	if ($.fancybox) // && $('#tellAFriend').length >= 1) {
	{
		$('#tellAFriend,#emailThisItem').fancybox({
			'autoScale'			: false,
			'scrolling'			: 'no',
			'centerOnScroll'	: true,
			'overlayOpacity'	: 0.5,
			'overlayColor'		: '#000', 
			'showNavArrows'   : false,
			'width'           : 480,
			'height'          : 310,
			'transitionIn'		: 'elastic',
			'transitionOut'   : 'elastic',
			'type'				: 'iframe'
		});
		
		$('#gmap').fancybox({
			'autoScale'			: false,
			'scrolling'			: 'no',
			'centerOnScroll'	: true,
			'overlayOpacity'	: 0.5,
			'overlayColor'		: '#000', 
			'showNavArrows'   : false,
			'width'           : 980,
			'height'          : 500,
			'transitionIn'		: 'elastic',
			'transitionOut'   : 'elastic',
			'type'				: 'iframe'
		});
		
	}

	$('a.store-variant-link').fancybox({
		'autoScale'			: false,
		'scrolling'			: 'vertical',
		'centerOnScroll'	: true,
		'overlayOpacity'	: 0.5,
		'overlayColor'		: '#000', 
		'showNavArrows'   : false,
		'width'           : 640,
		'height'          : 400,
		'transitionIn'		: 'elastic',
		'transitionOut'   : 'elastic',
		'type'				: 'iframe',
		'titleShow'       : false
	});

	$('a#password-recovery-link').fancybox({
		'autoScale'			: false,
		'scrolling'			: 'vertical',
		'centerOnScroll'	: true,
		'overlayOpacity'	: 0.5,
		'overlayColor'		: '#000', 
		'showNavArrows'   : false,
		'width'           : 500,
		'height'          : 250,
		'transitionIn'		: 'elastic',
		'transitionOut'   : 'elastic',
		'type'				: 'iframe',
		'titleShow'       : false
	});

	// attach jquery bookmark plugin to the bookmark site link.
	if ($('#bookmarkSite').length >= 1) {
		$('#bookmarkSite').jFav();
	}
	

	// Init home page slider; if not on home page then do nothing.
	if ($('div#home-slideshow').length >= 1) {
		$('div#home-slideshow').cycle({
			fx: 'scrollLeft',
			timeout: 5000,
			speed: 700,
			pager: '#home-slideshow-pager',
			pagerAnchorBuilder: function(num, img){
				return '<a href="#">&nbsp;</a>';
			}
		});
	}


	// Rotating featured items!

	/*
	$('#store-featured-items').each(function()
	{
		$(this).css('height', 230);
		$(this).css('overflow', 'hidden');

		setTimeout('SlideFeaturedItemsUp()', 5000);
	});
	*/
	if ($('FORM#subscribe-form INPUT[name=email]').length && $('FORM#subscribe-form INPUT[name=name]').length) {
		$('FORM#subscribe-form INPUT[name=email]').focus(function() { if ($(this).val() == 'Email Address') { $(this).val(''); } }).blur(function() { if ($(this).val() == '') { $(this).val('Email Address'); } });
		$('FORM#subscribe-form INPUT[name=name]').focus(function() { if ($(this).val() == 'Full Name') { $(this).val(''); } }).blur(function() { if ($(this).val() == '') { $(this).val('Full Name'); } });
	}
	
	if ($('FORM#login-form INPUT[name=in_login_user]').length) {
		$('FORM#login-form INPUT[name=in_login_user]').focus(function() { if ($(this).val() == 'Username') { $(this).val(''); } }).blur(function() { if ($(this).val() == '') { $(this).val('Username'); } });
	}
		
	if ($('FORM#search-form INPUT[name=search_text]').length) {
		$('FORM#search-form INPUT[name=search_text]').focus(function() { if ($(this).val() == 'Product Search') { $(this).val(''); } }).blur(function() { if ($(this).val() == '') { $(this).val('Product Search'); } });
	}
	
	if ($('FORM[name=ccoptin] INPUT[name=ea]').length) {
		$('FORM[name=ccoptin] INPUT[name=ea]').focus(function() { if ($(this).val() == 'Email Address') { $(this).val(''); } }).blur(function() { if ($(this).val() == '') { $(this).val('Email Address'); } });
	}
	
});

function SlideFeaturedItemsUp()
{
	$('#store-featured-items').animate(
	{
		'scrollTop': '+=230px'
	}, 250);
	setTimeout('SlideFeaturedItemsDown()', 5250);
}

function SlideFeaturedItemsDown()
{
	$('#store-featured-items').animate(
	{
		'scrollTop': '-=230px'
	}, 250);
	setTimeout('SlideFeaturedItemsUp()', 5250);
}

/*This function adds the page to a bookmark.*/

function addToFavourites()
{
	title = document.title;
	url = location.href;

	if (window.sidebar) // Mozilla Firefox Bookmark
	{
		window.sidebar.addPanel(title, url,"");
	}
	else if (window.external) // IE Favorite
	{
		window.external.AddFavorite( url, title); 
	}
	else if (window.opera && window.print) // Opera Hotlist
	{
		var elem = document.createElement('a');
		elem.setAttribute('href',url);
		elem.setAttribute('title',title);
		elem.setAttribute('rel','sidebar');
		elem.click();
	}
}

/**
 * This is a jquery plugin that I use to preload a bunch of images, its easy to use, just call 
 * 
 * $.preLoadImages("image1.jpg", "image2.jpg")
 * 
 */
(function($) {
	var cache = [];
	// Arguments are image paths relative to the current page.
	$.preLoadImages = function() {
		var args_len = arguments.length;
		for (var i = args_len; i--;) {
			var cacheImage = document.createElement('img');
			cacheImage.src = arguments[i];
			cache.push(cacheImage);	
		}
	};
})(jQuery);




/* EMAIL FUNCTIONS NEED TO BE PUT INTO AN OVERLAY - REMOVE WHEN DONE */
/*function email_this_item(i) {
	var win, ht;
	ht=310;
	win=window.open(web_path+'pages/email_this_page.php?item='+escape(i)+'&use_lb', 'email_this_item','resizable,width=480,height='+ht+',left=200,top=120,status');
}

function email_this_page(i) {
	var win, ht;
	ht=310;
	win=window.open(web_path+'pages/email_this_page.php?page='+escape(i)+'&use_lb', 'email_this_item',
	                'resizable,width=480,height='+ht+',left=200,top=120,status');
}*/


function changePerPage(osel) {

	var val = osel[osel.selectedIndex].value;
	url = new Url(location.href);
	url.setVar('perpage', val);
	url.go();

}

function changeOrder(osel) {
   var val = osel[osel.selectedIndex].value;
   url = new Url(location.href);
   url.setVar('order', val);
   url.go();
}

function toggleDirection(dir) {
   var set = (dir == 'ASC') ? 'DESC' : 'ASC';
   url = new Url(location.href);
   url.setVar('dir', set);
   url.go();
} 

function showHide(element) 
{
	if (jQuery(element).css('display') == "none")
	{
		jQuery(element).slideDown(200);
	}
	else
	{
		jQuery(element).slideUp(200);
	}
}

function over(obj) {
	// first lets see if the src of this image is blank.gif and if its IE6 - Based on these conditions
	// we know that its a png fix so we need to alter the method of changing the image background as oposed
	// to the image source.
	var filename = obj.src.substring(obj.src.lastIndexOf('/')+1);

	// first lets check to see if its IE6 and if the image in a png file
	if(filename == 'blank.gif' && $.browser.msie && $.browser.version == '6.0') {
		var newFilter = (obj.style.filter.replace('.png', '-over.png'));
		obj.style.filter = newFilter;
	} else {
		obj.src=obj.src.replace('.gif', '-over.gif');
		obj.src=obj.src.replace('.jpg', '-over.jpg');
		obj.src=obj.src.replace('.png', '-over.png');
	}
}
 
function out(obj) {
	var filename = obj.src.substring(obj.src.lastIndexOf('/')+1);
	if(filename == 'blank.gif' && $.browser.msie && $.browser.version == '6.0') {
		obj.style.filter = obj.style.filter.replace('-over', '');
	} else {
		obj.src=obj.src.replace('-over', '');
	}
}


/**
* Switch item tabs on the item detail page.
*/

function SwitchItemTab(tab_num)
{
	var sp=200;

	if (tab_num<=0)
		return;

	// Update tabs

	// if using only A tags for tabs
	//$('#store-item-tabs .store-tab-a-over').addClass('store-tab-a');
	//$('#store-item-tabs .store-tab-a-over').removeClass('store-tab-a-over');
	//$('#store-item-tabs #store-info-tab'+tab_num).addClass('store-tab-a-over');

	// using DIV enclosing other DIVs and A tags
	$('#store-item-tabs div.store-hdr-tab-over').removeClass('store-hdr-tab-over');
	$('#store-item-tabs div#store-info-tab'+tab_num).addClass('store-hdr-tab-over');

	// Show/hide content

	$('#store-item-tabs-body .store-tab-body').each(function()
	{
		if (this.style.display=='block')
		{
			//$(this).slideUp(sp);
			$(this).hide();
		}
	});

	//setTimeout(function() { $('#store-item-tabs-body #store-info-tab-body'+tab_num).slideDown(sp); }, sp);
	$('#store-item-tabs-body #store-info-tab-body'+tab_num).show();
	$('#store-item-tabs-body #store-info-tab-body'+tab_num).css('display','block');
}

/**
* Questions & Reviews
*/

var review_tab_num=0, question_tab_num=0;

function SwitchItemReviewsTab()
{
	SwitchItemTab(review_tab_num);
}

function SwitchItemQuestionsTab()
{
	SwitchItemTab(question_tab_num);
}

/**
* Set up the images on the item detail page. Add fancy box, 
* carousel, etc.
*/

var item_detail_current_img='';

function SetupItemDetailImages()
{
	var str;

	str="a.store-image-thumbnails-link";
	if ($("a.store-image-thumbnails-link").length<=0)
		str=str+', #store-item-large-image a';

	$(str).fancybox(
	{
		"transitionIn"	   :  "fade",
		"transitionOut"   :  "fade",
		"overlayOpacity"	:  0.8,
		"overlayColor"		:  "#000",
		"zoomSpeedIn"		:  300,
		"zoomSpeedOut"    :  300,
		"speedIn"         :  300,
		"speedOut"        :  300,
		"changeSpeed"     :  300
	});

	$("#store-item-large-image a").click(function()
	{
		var n=0, use_n=-1;

		if ($("a.store-image-thumbnails-link").length<=0)
			return;

		$("a.store-image-thumbnails-link").each(function()
		{
			var tmp_href=''+this.href;

			tmp_href=tmp_href.substring(tmp_href.indexOf('/images/pictures/'))

			if (use_n>=0)
				;
			else if (item_detail_current_img=='' && n==0)
			{
				use_n=n;
			}
			else if (item_detail_current_img==tmp_href)
			{
				use_n=n;
			}
			n++;
		});

		if (use_n<0)
			use_n=0;
		else
			$("a.store-image-thumbnails-link").eq(use_n).click();
		
		return false;
	});

	$("#store-item-thumbnails a").click(function()
	{
		var the_img=$(this).attr("href"); //children("img")[0].src;

		if ($("#store-item-large-image img").attr("src")!=the_img)
		{
			$("#store-item-large-image img").animate(
			{
				opacity: 0.05
			}, 200, 
			function()
			{
				$("#store-item-large-image img").attr("src", the_img);
				//alert( $("#store-item-large-image img").css('height') );

				setTimeout(function()
				{
					$("#store-item-large-image img").animate(
					{
						opacity: 1.0
					}, 200);
				}, 50);
			});
		}

		$("#store-item-large-image a").attr("href", the_img);

		item_detail_current_img=''+the_img;
		item_detail_current_img=escape(item_detail_current_img.substring(item_detail_current_img.indexOf('/images/pictures/')));

		return false;
	});

	$('#store-images-carousel').jcarousel(
	{
		scroll: 4
	});
}


function CalcQuickPostage(in_amt, item_id)
{
	var pcode='', amt=0.00, ptype='';

	if ($('#calc_postage_type1').attr('checked'))
		ptype=$('#calc_postage_type1').attr('value');
	else if ($('#calc_postage_type2').attr('checked'))
		ptype=$('#calc_postage_type2').attr('value');
	else
		return;

	if (in_amt=='')
		in_amt=$('#_item_price_box').html();

	amt=parseFloat(in_amt);
	pcode=''+$('#calc_postage_postcode').attr('value');
	if (pcode=='')
		return;
	if (pcode.length>4)
		pcode=pcode.substring(0,4);

	$('#store-item-postage-result').slideDown(100);
	$('#store-item-postage-result').html('<img src="'+web_path+'images/pictures/large/system-files/progress-bar.gif">');

	$.get(web_path+'products/'+
	   '?_auto_calc_postage&amt='+escape(amt)+
		'&item_id='+escape(item_id)+
		'&pcode='+escape(pcode), 
		'&postage_type='+escape(ptype), 
	function(data)
	{
		if (data!='')
		{
			var str=''+data;
			if (str.indexOf('error:')>=0)
				;
			else
				data='Delivery to '+escape(pcode)+': <b>'+data+'</b>';
			$('#store-item-postage-result').html(data);
			$('#store-item-postage-result').slideDown(100);
		}
		else
		{
			$('#store-item-postage-result').html('');
			$('#store-item-postage-result').slideUp(100);
		}
	});
}