// JavaScript Document
$(document).ready(function()
{
	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')");
	}
	
	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;
	}
	
	//this fix is for IE7, absolutely positions the banners all in the same spot
	var banner_pos = $(rotating_banners[0]).position();
	var cssObj = {
		'position' : 'absolute',
		'top' : banner_pos.top+"px",
		'left' : banner_pos.left+"px"
	}
	$(rotating_banners).css(cssObj);
	
	var BrowserDetect = {
		init: function () {
			this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
			this.version = this.searchVersion(navigator.userAgent)
				|| this.searchVersion(navigator.appVersion)
				|| "an unknown version";
			this.OS = this.searchString(this.dataOS) || "an unknown OS";
		},
		searchString: function (data) {
			for (var i=0;i<data.length;i++)	{
				var dataString = data[i].string;
				var dataProp = data[i].prop;
				this.versionSearchString = data[i].versionSearch || data[i].identity;
				if (dataString) {
					if (dataString.indexOf(data[i].subString) != -1)
						return data[i].identity;
				}
				else if (dataProp)
					return data[i].identity;
			}
		},
		searchVersion: function (dataString) {
			var index = dataString.indexOf(this.versionSearchString);
			if (index == -1) return;
			return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
		},
		dataBrowser: [
			{
				string: navigator.userAgent,
				subString: "Chrome",
				identity: "Chrome"
			},
			{ 	string: navigator.userAgent,
				subString: "OmniWeb",
				versionSearch: "OmniWeb/",
				identity: "OmniWeb"
			},
			{
				string: navigator.vendor,
				subString: "Apple",
				identity: "Safari",
				versionSearch: "Version"
			},
			{
				prop: window.opera,
				identity: "Opera"
			},
			{
				string: navigator.vendor,
				subString: "iCab",
				identity: "iCab"
			},
			{
				string: navigator.vendor,
				subString: "KDE",
				identity: "Konqueror"
			},
			{
				string: navigator.userAgent,
				subString: "Firefox",
				identity: "Firefox"
			},
			{
				string: navigator.vendor,
				subString: "Camino",
				identity: "Camino"
			},
			{		// for newer Netscapes (6+)
				string: navigator.userAgent,
				subString: "Netscape",
				identity: "Netscape"
			},
			{
				string: navigator.userAgent,
				subString: "MSIE",
				identity: "Explorer",
				versionSearch: "MSIE"
			},
			{
				string: navigator.userAgent,
				subString: "Gecko",
				identity: "Mozilla",
				versionSearch: "rv"
			},
			{ 		// for older Netscapes (4-)
				string: navigator.userAgent,
				subString: "Mozilla",
				identity: "Netscape",
				versionSearch: "Mozilla"
			}
		],
		dataOS : [
			{
				string: navigator.platform,
				subString: "Win",
				identity: "Windows"
			},
			{
				string: navigator.platform,
				subString: "Mac",
				identity: "Mac"
			},
			{
				   string: navigator.userAgent,
				   subString: "iPhone",
				   identity: "iPhone/iPod"
			},
			{
				string: navigator.platform,
				subString: "Linux",
				identity: "Linux"
			}
		]
	
	};
	BrowserDetect.init();

	
	if (BrowserDetect.browser == "Explorer" && parseInt(BrowserDetect.version) < 7)
	{
		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--;
		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;
	
	//see if left or right arrows can be clicked - hide or show them if necessary
	function toggle_nav_tabs()
	{
		if (htn+4 < num_ht)	//hide left arrow
			$("#tab_left").css("height","10px");
		else
			$("#tab_left").css("height","177px");
		
		if (htn > 1) //hide right arrow
			$("#tab_right").css("height","10px");
		else
			$("#tab_right").css("height","177px");
	}
	
	//right arrow click
	$("#tab_right").click(function()
	{
		//see if the tab can be clicked
		if (htn+4 < num_ht)
		{
			htn += 5;
			$("#home_content #home_tabs #img_holder ul#ht_ul_"+cur_tab).animate({"left": "-=825px"}, 1000);
		}
		toggle_nav_tabs();
	});
	
	//left arrow click
	$("#tab_left").click(function()
	{
		if (htn > 1)
		{
			htn -= 5;
			$("#home_content #home_tabs #img_holder ul#ht_ul_"+cur_tab).animate({"left": "+=825px"}, 1000);
		}
		toggle_nav_tabs();
	});
	
	//when they click a home tab
	$("#home_content #home_tabs #tabs li").click(function()
	{
		$("#home_content #home_tabs #tabs li").removeClass("selected");
		$(this).addClass("selected");
		htn = 1;	//reset back to leftmost tab;
		$("#home_content #home_tabs #img_holder ul#ht_ul_"+cur_tab).css({"left":"0", "display":"none"});
		cur_tab = parseInt($(this).attr("id").substr(3));
		$("#home_content #home_tabs #img_holder ul#ht_ul_"+cur_tab).show();
		num_ht = $("#home_content #home_tabs #img_holder ul#ht_ul_"+cur_tab+" li").length;
		
		//if not enough items for arrows, hide them
		if (num_ht <= 5)
		{
			$("#tab_left,#tab_right").css("height","10px");
		}
		else
		{
			//$("#tab_left,#tab_right").css("height","177px");
			toggle_nav_tabs();
		}
	});
	
	//when they click a home tab item, if there's a link, go to it
	$("#home_content #home_tabs #img_holder ul li").click(function()
	{
		if ($(this).attr("className").length > 5)
			top.location.href = $(this).attr("className").substr(5);
	});

	//load the images for the home tab items
	var ht_images = $("#home_content #home_tabs #img_holder ul li div.img");
	for (var h=0; h<ht_images.length; h++)
	{
		var il = $(ht_images[h]).attr("id").substr(4);
		if (il != "")
		{
			var cssObj = {
				'background' : 'url(/images/home_tab_items/'+il+')',
				'background-position' : "top center",
				'background-repeat' : "no-repeat"
			}
			$(ht_images[h]).css(cssObj);
		}
	}
	
	toggle_nav_tabs();	
});