// JavaScript Document
$(document).ready(
	function()
	{  
		$('#DropDownMenu > li').bind('mouseover', ddm_open)
   		$('#DropDownMenu > li').bind('mouseout',  ddm_timer)
		TabbedContent.initTabs.init();
		LPD.listItemOver.init();
		FavBrands.listItemOver.init();
		PEPS.imageLinkOver.init();
	}
);

var timeout    = 500;
var closetimer = 0;
var ddmenuitem = 0;
var defaultBG = "";
var groupDD = "";
var thisObj = null;

function ddm_open()
{  ddm_canceltimer();
   ddm_close();

   var navImage = $(this).find('a').find('img');
   navImage.attr('src',navImage.attr('src').replace('.gif', '_hover.gif'));
   ddmenuitem = $(this).find('ul');
   ddmenuitem = $(this).find('ul').css('visibility', 'visible');
   
   var objLeft = parseInt($(this).find('ul').offset().left);
   var objWidth = parseInt($(this).find('ul').width());
  
   if(920<(objLeft+objWidth))
   {
		$(this).find('ul').css('left',(968-objWidth));
   }

   groupDD = $(this).find('a');
 }

function ddm_close()
{  
	if(thisObj)
	{
   		var navImage = thisObj.find('a').find('img');
	    navImage.attr('src',navImage.attr('src').replace('_hover.gif', '.gif'));
	}
	if(ddmenuitem)
	{	
		ddmenuitem.css('visibility', 'hidden');
	}
}
  
function ddm_timer()
{  
	thisObj =  $(this);
	closetimer = window.setTimeout(ddm_close, timeout);
}

function ddm_canceltimer()
{  if(closetimer)
   {  window.clearTimeout(closetimer);
      closetimer = null;}}
	  




document.onclick = ddm_close;

PEPS = {};

PEPS.imageLinkOver = 
{
   init: function()
   {
      this.preload();
      
      $(".imageLink").hover(
         function () { $(this).attr( 'src', PEPS.imageLinkOver.newimage($(this).attr('src')) ); }, 
         function () { $(this).attr( 'src', PEPS.imageLinkOver.oldimage($(this).attr('src')) ); }
      );
   },

   preload: function()
   {
      $(window).bind('load', function() {
         $('.imageLink').each( function( key, elm ) { $('<img>').attr( 'src', PEPS.imageLinkOver.newimage( $(this).attr('src') ) ); });
      });
   },
   
   newimage: function( src )
   { 
      return src.substring( 0, src.search(/(\.[a-z]+)$/) ) + '_hover' + src.match(/(\.[a-z]+)$/)[0]; 
   },

   oldimage: function( src )
   { 
      return src.replace(/_hover\./, '.'); 
   }
};

LPD = {};

LPD.listItemOver = 
{
   init: function()
   {
      $('#BottomLeftLists ol > li').bind('mouseover', displayProduct1);
	  $(window).bind('load', function(){$('#BottomLeftLists ol li:first').mouseover()});

   }

};
function displayProduct1()
{
	var prodDisplay = $(this).find('.productDisplay');
	var topDisplay = $('#BottomLeft1Display');
	topDisplay.html(prodDisplay.html());
}

FavBrands = {};

FavBrands.listItemOver = 
{
   init: function()
   {
      $('#FavoriteBrandsLinks > li').bind('mouseover', displayProduct2);
	  $(window).bind('load', function(){$('#FavoriteBrandsLinks li:first').mouseover()});

   }

};

var prodDisplay2html = "";
var sideDisplay = "";

function displayProduct2()
{
	
	var prodDisplay2 = $(this).find('.productDisplay');
	sideDisplay = $('#BottomRightDisplay');
	prodDisplay2html = prodDisplay2.html();
	sideDisplay.html(prodDisplay2html);
}

TabbedContent = {};
var onTab = null;
TabbedContent.initTabs = 
{
	init: function()
	{
		$('#TabbedContent').tabs();
		this.preload();
		onTab = $(".tab:first");
		
		$(".tab").click(
         function () { 
			if(onTab){ onTab.attr( 'src', TabbedContent.initTabs.newimage(onTab.attr('src')) ); }
		 	$(this).attr( 'src', TabbedContent.initTabs.newimage($(this).attr('src')) ); 
			onTab = $(this);
			
		 } 
      );
		/*
		$(".link").hover(
			function () { $(this).css('color', '#ff0000'); }, 
         	function () { $(this).css('color', '#01619e'); }
			 
      );
		*/
			
	}, // init
	preload: function()
   {
      $(window).bind('load', function() {
         $('.tab').each( function( key, elm ) { $('<img>').attr( 'src', TabbedContent.initTabs.newimage( $(this).attr('src') ) ); });
      });
   },

   
   newimage: function( src )
   { 
   	
	 if(src.indexOf("_on")>0)
	 {
      	return src.replace('_on', '_off'); 
	 }
	 else
	 {
		 return src.replace('_off', '_on'); 
	 }
   }

   
};