/**
 * This document should contain scripts that are unique for this site only
 */

var $j = jQuery.noConflict();

$j(document).ready(function() {
	
	//safari css haxx
	if($j.browser.safari){
		//general stuff
		$j('legend').css({'padding-bottom' : '10px'});
		
		//pages
		$j('#login-page #content ul').css('top', '246px');
		$j('#login-page #content ul li').css('margin-bottom', '6px');
		//$j('#login-page p#button a').css('width', '201px');
		
		//$j('#checkout-page #buttons #register-button a').css('width', '204px');
		//$j('#checkout-page #buttons #login-button a').css('width', '204px');
		$j('#checkout-page #buttons #login-button').css('top', '-36px');
		
		$j('#forgotpass-page a.buttonbg').css({'width' : '148px'});
		
		$j('#newsletter-page #newsletter-subscribe p a.buttonbg').css({'width' : '184px'});
		$j('#newsletter-page #newsletter-subscribe p#register-btn a.buttonbg').css({
			'color' : '#fff',
			'font-size' : '1.2em'
			
		});
	}
	
	/**
	 * Show/hide #category links
	 */
	$j('#category p.menu-head').click(function()
	{
		var bgImg = 'url(/lib/css/gfx/btn-minus.gif)';
		var wasOpened = false;
		
		try {
			if ($j(this).next('div.menu-body')[0].style.display != 'block') {
				wasOpened = true;
			} else {
				bgImg = 'url(/lib/css/gfx/btn-plus.gif)';
			}
		} catch(ex) {
		}
		
		var skip = false;
		
		// ie fix -- freaks out on slideToggle and slideUp
		/*@cc_on
			skip = true;

			$j(this)
				.css({backgroundImage:bgImg})
				.next('div.menu-body')
				.toggle()
				.siblings('div.menu-body')
				.hide();
		@*/

		if (!skip)
			$j(this)
				.css({'background-image':bgImg})
				.next('div.menu-body')
				.slideToggle(300)
				.siblings('div.menu-body')
				.slideUp('slow');

		$j(this)
			.siblings('p')
			.css({'background-image':'url(/lib/css/gfx/btn-plus.gif)', 'background-repeat': 'no-repeat'});
	});
	
	//framebits
	$j('#content-wrapper').append('<div id="framebit-top-left""></div>');
	$j('#content-wrapper').append('<div id="framebit-top-right""></div>');
	$j('#content-wrapper').append('<div id="framebit-bottom-left""></div>');
	$j('#content-wrapper').append('<div id="framebit-bottom-right""></div>');
	
	//frame shades
	$j('#header').append('<div id="top-shade""></div>');
	$j('#content-wrapper').append('<div id="content-wrapper-shade""></div>');
	$j('#footer').append('<div id="footer-shade""></div>');
	
	// mini cart tooltip
	var offsetX = 20;
	var offsetY = 10;
	var title = $j('#navigation #cart-mini a').attr('title');
	$j('#navigation #cart-mini a').hover(function(e){
		//mouse over
	
		$j(this).removeAttr('title');
		$j('<div id="tip">' + title + ' &raquo;</div>')
			.css('top', e.pageY + offsetY)
			.css('left', e.pageX + offsetX)
			.appendTo('body');
	}, function(){
		//mouse out
		$j('#tip').remove();
	});
	
	$j('#navigation #cart-mini a').mousemove(function(e){
		$j('#tip')
			.css('top', e.pageY + offsetY)
			.css('left', e.pageX + offsetX);
	});
	
});