$(document).ready(function()
{
		// JavaScript Document
	var banner_top_pos = 162;
	
	function fixBannerPos()
	{
		var rotating_banners = $(".rotating_banner");
		
		var banner_pos = $(rotating_banners[0]).offset();
		
		//this fix is for IE7, absolutely positions the banners all in the same spot
		var page_width = $(window).width();
		var banner_width = $(rotating_banners[0]).width();
			
		var cssObj = {
			'position' : 'absolute',
			'top' : banner_top_pos+"px",
			'left' : Math.max((page_width/2)-450, 0)+"px",
			'z-index' : "20"
		}
		$(rotating_banners).css(cssObj);
		
		$("#rcc").css("z-index","30");
	}
	
	banner_top_pos = $("#rotating_container").offset().top;
	
	var mini_banners = $("a.mini_banner");
	for (m=0; m<mini_banners.length; m++)
	{
		$(mini_banners[m]).css("background", "url('/images/mini_banners/"+$(mini_banners[m]).attr("id").substr(3)+".jpg')");
		if ($(mini_banners[m]).attr("display_sale_price") && $(mini_banners[m]).attr("display_sale_price")!=""
			&& $(mini_banners[m]).attr("display_list_price") && $(mini_banners[m]).attr("display_list_price")!="")
		{
			$(mini_banners[m]).append("<div style='display:block; width:100px; position:relative; top:0px; left:120px; padding:0; margin:0; text-align:center; color:#808080; text-decoration:none; border:none; text-indent:0;'>"
				+"<div style='font-size:11px;'>RETAIL PRICE</div>"
				+"<div style='font-size:18px; line-height:16px; text-decoration: line-through;'>"+$(mini_banners[m]).attr("display_list_price")+"</div>"
				+"<div style='font-size:14px; margin-top:10px; color:#6a1d25;'>SALE PRICE</div>"
				+"<div style='font-size:26px; font-weight:bold; line-height:24px; color:#d82839;'>"+$(mini_banners[m]).attr("display_sale_price")+"</div>"
				
				+"</div>").css({"text-decoration":"none","overflow":"hidden"});
		}
	}
	
	var hidden_banners = $(".b_image");
	for (h=0; h<hidden_banners.length; h++)
	{
		$(hidden_banners[h]).css("background", "url('/images/rotating_banners/"+$(hidden_banners[h]).attr("id").substr(2)+".jpg')");
	}
	
	var bnum = 0;
	var rotating_banners = $(".rotating_banner");
	
	//don't have to worry about all the fancy stuff if there's only 1 banner
	if (rotating_banners.length == 1)
	{
		return;
	}
	
	var banner_pos = $(rotating_banners[0]).offset();
	
	fixBannerPos();
	
	//if (BrowserDetect.browser == "Explorer" && parseInt(BrowserDetect.version) < 7)
	if (!jQuery.support.boxModel)
	{
		var cssObj2 = {
			'background-image' : 'none',
			'background-color' : '#E5E5E5'
		}
		$(".b_text").css(cssObj2);
	}
	
	var iid = window.setInterval(function()
	{
		$(rotating_banners[bnum]).fadeOut(1500);
		if (bnum+1 == rotating_banners.length)
			bnum = 0;
		else
			bnum++;
		$(rotating_banners[bnum]).fadeIn(1500);
		$("#home_content #rotating_container #rcc ul li.selected").removeClass("selected");
		$("#home_content #rotating_container #rcc ul li:nth-child("+(bnum+1)+")").addClass("selected");
	}, 7500);
	
	$(".b_text").click(function()
	{
		top.location.href = $(this).parent().children("a").attr("href");	
	});
	
	//setup the 1-5 buttons for banner navigation
	var rc_control = "<ul>";
	for (var r=1; r<=rotating_banners.length; r++)
	{
		rc_control += "<li class='";
		if (r==1)
			rc_control += "rcc_left selected";
		else if (r==rotating_banners.length)
			rc_control += "rcc_right";
		else
			rc_control += "rcc_middle";
		rc_control += "'>"+r+"</li>";
	}
	rc_control += "</ul>";
	$("#home_content #rotating_container #rcc").html(rc_control);
	//position the 1-5 buttons to the correct place
	var cssObj3 = {
		'display' : 'block',
		'position' : 'absolute',
		'top' : (banner_pos.top+274)+"px",
		'left' : (banner_pos.left+185)+"px"
	}
	$("#home_content #rotating_container #rcc").css(cssObj3);
	
	$("#home_content #rotating_container #rcc ul li").click(function()
	{
		var banner_id = $(this).html();
		clearInterval(iid);
		$("#home_content #rotating_container #rcc ul li.selected").removeClass("selected");
		$("#home_content #rotating_container #rcc ul li:nth-child("+(banner_id)+")").addClass("selected");
		
		$(rotating_banners[bnum]).hide();
		bnum = banner_id-1;
		$(rotating_banners[bnum]).show();
	});
	
	//load the images of the home page featured subcategories
	var hpfs = $("#hpfs .why_img");
	for (var h=0; h<hpfs.length; h++)
	{
		//formatted like hpfs1.jpg_3
		//before _ is image, after _ is number
		//4 images per row
		var _pos = hpfs[h].id.lastIndexOf("_");
		var imgsrc = hpfs[h].id.substr(0, _pos);
		var index = hpfs[h].id.substr(_pos+1);
		var row = Math.ceil(index/4);
		var col = index%4;
		if (col == 0)
			col == 4;
		//since image 1 is at 0, 0, decrement by one
		col--;
		if (col == -1)
			col = 3;
		row--;
		var cssObj4 = {
			"background" : "url(/images/"+imgsrc+")",
			"background-repeat" : "no-repeat",
			"background-position" : (col*-100)+"px "+(row*-100)+"px"
		}
		$(hpfs[h]).css(cssObj4);
	}
	
	
	//home tab stuff	
	
	var cur_tab = 1;
	var htn = 1;	//the number of the leftmost home tab
	var num_ht = $("#home_content #home_tabs #img_holder ul#ht_ul_"+cur_tab+" li").length;
	
	//when they click a home tab item, if there's a link, go to it
	$(".ul_holder ul li img").click(function(e)
	{
		e.preventDefault(e);
		if ($(this).parent().children("a").length > 0)
		{
			var gotolink = $($(this).parent().children("a")[0]).attr("href");
			top.location.href = gotolink;
		}
		return false;
	});
	
	var lefties = $(".ul_left");
	for (var i=0; i<lefties.length; i++)
	{
		var htis = $(lefties[i]).parent().find("li");
		if (htis.length > 5)
		{
			$(lefties[i]).parent().find(".ul_left").append("<div class='left_arrow hide'></div>");
			$(lefties[i]).parent().find(".ul_right").append("<div class='right_arrow'></div>");
		}
		else
		{
			$(lefties[i]).parent().children(".ul_left,.ul_right").css({"cursor":"default"}).addClass("noclick");	
		}
	}
	
	$(".ul_left,.ul_right").not(".noclick").click(function(){
		if ($(this).hasClass("ul_left"))
		{
			$(this).parent().find(".ul_holder ul").animate({"left":0}, 750);
			$(this).parent().find(".right_arrow").removeClass("hide");
			$(this).parent().find(".left_arrow").addClass("hide");	
		}
		else
		{
			$(this).parent().find(".ul_holder ul").animate({"left":"-830px"}, 750);
			$(this).parent().find(".left_arrow").removeClass("hide");
			$(this).parent().find(".right_arrow").addClass("hide");
		}
	});
	
	$(".lp_arrow_link").prepend("<img class='lp_arrow_link_circle' src='/images/arrow_negative.png' align='absmiddle' style='margin-top:-3px;' />");
	
	window.onresize = fixBannerPos;
});