/* Last updated: 31-March-2008 */

$(document).ready(function() {

	// this is to add PNG alpha transparency support to IE6
	// only a few images need transparent backgrounds, so the fix is applied to each of them
	$('#searchSplashTop, #searchSplashBottom, img[@src$=icon_print.png], img[@src$=icon_discuss.png], img[@src$=icon_thumbsUp.png], img[@src$=icon_thumbsDown.png], img[@src$=background_userRatingSlider.png], img[@src$=background_userRatingHandle.png], img[@src$=background_navigationSeparator.png], img[@src$=button_submit.png], img[@src$=button_find.png], img[@src$=button_buyNow.png], img[@src$=button_next.png], img[@src$=button_previous.png], img[@src$=button_sortDown.png], img[@src$=button_sortUp.png]').ifixpng(); 

	// turn on display of question mark icons in search splash
	// then activates the tool-tip plugin
	$('a.searchSplashHelp').css("display","block").cluetip({
		fx: {             
		open:			'fadeIn' // can be 'show' or 'slideDown' or 'fadeIn'
	    },
		width:			200,      
	    topOffset:		10,       // Number of px to offset clueTip from top of invoking element.
	    leftOffset:		10,       // Number of px to offset clueTip from left of invoking element.
	    local:			true,     // This forces the tooltip to use content from the same page instead of an ajax call
	    hideLocal:		true,     
	    attribute:		'rel',    // the attribute to be used for fetching the clueTip's body content
	    titleAttribute:	'title',  // the attribute to be used for fetching the clueTip's title
	    showTitle:		true,     // show title bar of the clueTip, even if title attribute not set
	    waitImage:		false,    // whether to show a "loading" img
	    arrows:			false,    // if true, displays arrow on appropriate side of clueTip.
	    dropShadow:		false,
	    sticky:			true,     // keep visible until manually closed
	    activation:		'click',  // can be 'click' or hover
	    closePosition:	'title',  // can be 'top' or 'bottom' or 'title'
	    closeText:		'X'       // text (or HTML) to to be clicked to close sticky clueTips	    
	});
	
	// this activates the navigation dropdown lists
	// also bgiframe plugin is applied to navigation dropdown lists in order to fix select box bug in IE6
	$('#navigation').jdMenu({
		activateDelay: 0,
		showDelay: 0,
		hideDelay: 600
	}).find('>li:has(ul)').mouseover(function(){
		$('ul', this).bgIframe({opacity:false});
	}).find('a').focus(function(){
		$('ul', $('.nav>li:has(ul)')).bgIframe({opacity:false});
	});
	$('#navigation ul').bgiframe();
	
	// turn off hover underlines on navigation links (left in css for browsers with no js)
	$('ul#navigation a').css('text-decoration', 'none');
	
	// highlight the currently sorted column of a table
	if ( $("th.sorted").length ) { 
		var i = $('thead th').length;
		var j = $("th.sorted").nextAll().length;
		$('td:nth-child(' + (i - j) + ')').addClass('sortedColumnCell');
		// this bumps up the last checkbox so that the 'compare' button doesn't overlap it
		$(':checkbox:last').addClass('lastCheckboxAdjustment');
	}

	// since the target attribute of <a> elements has been eliminated in xhtml,
	// this finds links that have the class 'openInNewWindow' and opens them... in a new window
	$('a.openInNewWindow').click(function(){
		window.open(this.href);
		return false;
    });

	// this activates the tab navigation on the store pages
	$.tabs('storeTabs');

	// this activates the sliders on the user rating splash
	if ( $('.rateThisProductSplash form').length ) { 
		
		// store 'for values' of radio button group labels in an array
		$("ul.userRatingRadioButtons").each( function(i) {
			// get the 'for' value of the form label preceding the radio button group
			var sliderName = $(this).prev().attr('for');
			// set the default value of the hidden inputs as well as the starting position for the slider handle
			var sliderHandlePosition = 5;
			// replace the radio button groups with slider divs
			$(this).replaceWith('<div class="userRatingSlider' + (i+1) + ' userRatingSliderBackground"><div class="userRatingSliderHandle"></div></div><input type="hidden" id="' + sliderName + '" name="' + sliderName + '" value="' + sliderHandlePosition + '" />');
			// activate the slider plugin and set slider attributes
			$('.userRatingSlider' + (i+1)).slider({
				handle:		'.userRatingSliderHandle',
				min:	1,
				max:	10,
				startValue:	sliderHandlePosition,
				steps:	9,
				change: function(e,ui){
					var sliderValue = ui.value;
					$('#' + sliderName).attr('value', sliderValue);
				}
			});
		});

	}
	
});