/// Intellisense reference to jquery library
/// <reference path="~/content/javascript/jquery-1.3.2.js" />

var searchinput = "Search the catalogue";
var cartinput = "Enter code";

var mouseX = 0;
var mouseY = 0;
var $j = jQuery.noConflict(); 

$j(document).ready(function() 
{
	//Add the Login Box
	$j('div#wrapper').after('');
	
	//Remove the href of the login-link if not logged in
	if($j('ul.menu li.login a').length > 0)
	{
		$j('ul.menu li.login a').attr('href','javascript:void(0)');
		
		newTop = $j('li.login').position().top - $j('div.login-box').outerHeight() + 44;
	
		//Position the login box
		$j('div.login-box').css({
			top: newTop + "px"
		});
	}

	if($j("input.search-field").length > 0 )
	{
		$j("input.search-field").focus(function() {
			if ($j(this).val() == searchinput)
				$j(this).val("");
		});
	
		$j("input.search-field").blur(function() {
			if ($j(this).val() == "")
				$j(this).val(searchinput);
		});
	}
	
	if($j("li.apply-gift-certificate input").length > 0 )
	{
		$j("li.apply-gift-certificate input").focus(function() {
			if ($j(this).val() == cartinput)
				$j(this).val("");
		});

		$j("li.apply-gift-certificate input").blur(function() {
			if ($j(this).val() == "")
				$j(this).val(cartinput);
		});
	}
	
	$j("li.login").live("click", function(e) 
	{
		var pos = $j("li.login").offset();
		var width = $j("div.login-box").width();
	    $j("div.login-box").show();
		$j("div.login-box").bind("click", function(e) 
		{
		//	return false;
		});
		
		$j('body').bind('click', function(e) {
		    if($j(e.target).closest('div.login-box').length == 0) {
		    	$j("div.login-box").hide();
		        // click happened outside of menu, hide any visible menu items
		    }
		});
		
/*		$j("div.login-box").bind("click", function(e) 
		{
		    $j("div.login-box").hide();
		});	*/
		
/*		$j("body").bind("click", function(e) 
		{
		    $j("div.login-box").hide();
		});	
*/	});
	
	
	if($j("ul.shop-row").length > 0 )
	{
		var mouseOverToolTip = false;
		$j('ul.shop-row').after('<span id="tooltip"><span class="tooltip-label-top">&nbsp;</span><span class="tooltip-label">Product name</span><span class="tooltip-label-bottom">&nbsp;</span></span>');

		$j('ul.shop-row').parent('div').mousemove(function(e){
			mouseX = e.pageX;
			mouseY = e.pageY;
		});
		
		currentItem = null; 
		previousItem = null;
		
		spantool = 265;
		
		$j("ul.shop-row li a").mouseover(function(e){
			$j("span#tooltip").html($j(this).attr('title'));
			$j("span#tooltip").stop().show();

			spantool = ($j("span#tooltip").width() / 2)
		}).mousemove(function(e){
	        $j("span#tooltip").css({
	            top: (mouseY+30) + "px",
	            left: (mouseX - ($j("span#tooltip").width())+$j("span#tooltip").width()/2) + "px"
	        });
	    }).mouseout(function(e){	
	        $j("span#tooltip").stop().hide();
		});
	
		$j("span#tooltip").mouseover(function(e){
			mouseOverToolTip = true;
		}).mouseout(function(e){
			mouseOverToolTip = false;
		});
		
	}

	createHover($j('fieldset dl dd input.submit'));
	
	if($j("select.dropdown").length > 0 )
	{
		$j("select.dropdown").createCustomSelectBox();
	}
	
	if($j('ul.tab-box li.tab').length > 0)
	{
		createHover($j('ul.tab-box li.tab'));
	}
	
	if($j("ul.tab-navigation").length > 0 )
	{
		createHover($j("ul.tab-navigation li "));
	}

	if($j("ul.profile-tab-navigation").length > 0 )
	{
		createHover($j("ul.profile-tab-navigation li"));
	}

	if($j("div.content-430 span.header").length > 0 )
	{
		createHover($j("div.content-430 span.header"));
	}
	
	//$j('body').append('<!--[if lt IE 7]><script src="DD_belatedPNG.js" type="text/javascript" charset="utf-8"></script><script>//DD_belatedPNG.fix("div.content div.body");</script><![endif]--><!--[if IE 7]><script src="DD_belatedPNG.js" type="text/javascript" charset="utf-8"></script><script>//DD_belatedPNG.fix("div.content div.body");</script><![endif]-->')
	//$j('body').after('<!--[if lt IE 7]>\n\n<script src="DD_belatedPNG.js" type="text/javascript" charset="utf-8"></script>\n\n<script>//DD_belatedPNG.fix("body, div#wrapper, div.left-column ul.cart, span.top, div.body, a.arrow, .infiniteCarousel li, ul.shop-row, ul.shop-row li a img, span#tooltip span.tooltip-label-top, span#tooltip span.tooltip-label, span#tooltip span.tooltip-label-bottom, div.thumbnails a img, div.product-detail-box div.product-detail-image img,div.content-430 span.header, div.product-detail-box-bottom img, ul.cart li, ul.menu li, ul.submenu, span.limited, span.sold-out, .infiniteCarousel div ul li a img");</script>\n\n<![endif]-->\n\n<!--[if IE 7]>\n\n<script src="DD_belatedPNG.js" type="text/javascript" charset="utf-8"></script>\n\n<script>//DD_belatedPNG.fix("div.content div.body");\n\n</script><![endif]-->');
});

function createHover(obj)
{
	obj.hover(
		function() {
			$j(this).addClass('hover');
		}, function() {
			$j(this).removeClass('hover');
		}
	);
}