//navigation + menu fade - fade stuff
	$(function () {
		        if ($.browser.msie && $.browser.version < 7) return;

		        $('#navigation li')
		            .removeClass('highlight')
		            .find('a')
		            .append('<span class="hover" />').each(function () {
		                    var $span = $('> span.hover', this).css('opacity', 0);
		                    $(this).hover(function () {
		                        // on hover
		                        $span.stop().fadeTo(1000, 1);
		                    }, function () {
		                        // off hover
		                        $span.stop().fadeTo(1000, 0);
		                    });
		                });

		    });
		    



    <!--

    $(function () {
        $('.shipCost').each(function () {
            var distance = 10;
            var time = 250;
            var hideDelay = 200;

            var hideDelayTimer = null;

            var beingShown = false;
            var shown = false;
            var trigger = $('.trigger', this);
            var info = $('.popup', this).css('opacity', 0);


            $([trigger.get(0), info.get(0)]).mouseover(function () {
                if (hideDelayTimer) clearTimeout(hideDelayTimer);
                if (beingShown || shown) {
                    // don't trigger the animation again
                    return;
                } else {
                    // reset position of info box
                    beingShown = true;

                    info.css({
                        top: -30,
                        left: 190,
                        display: 'block'
                    }).animate({
                        top: '-=' + distance + 'px',
                        opacity: 1
                    }, time, 'swing', function() {
                        beingShown = false;
                        shown = true;
                    });
                }

                return false;
            }).mouseout(function () {
                if (hideDelayTimer) clearTimeout(hideDelayTimer);
                hideDelayTimer = setTimeout(function () {
                    hideDelayTimer = null;
                    info.animate({
                        top: '-' + distance + 'px',
                        opacity: 0
                    }, time, 'swing', function () {
                        shown = false;
                        info.css('display', 'none');
                    });

                }, hideDelay);

                return false;
            });
        });
    });
    
    //-->
    
    
  $(function () {
        $('.leftCol').each(function () {
            var distance = 10;
            var time = 250;
            var hideDelay = 200;

            var hideDelayTimer = null;

            var beingShown = false;
            var shown = false;
            var trigger = $('.trig', this);
            var info = $('.cartpopup', this).css('opacity', 0);


            $([trigger.get(0), info.get(0)]).mouseover(function () {
                if (hideDelayTimer) clearTimeout(hideDelayTimer);
                if (beingShown || shown) {
                    // don't trigger the animation again
                    return;
                } else {
                    // reset position of info box
                    beingShown = true;

                    info.css({
                        top: 263,
                        left: 270,
                        display: 'block'
                    }).animate({
                        top: '-=' + distance + 'px',
                        opacity: 1
                    }, time, 'swing', function() {
                        beingShown = false;
                        shown = true;
                    });
                }

                return false;
            }).mouseout(function () {
                if (hideDelayTimer) clearTimeout(hideDelayTimer);
                hideDelayTimer = setTimeout(function () {
                    hideDelayTimer = null;
                    info.animate({
                        top: '-' + distance + 'px',
                        opacity: 0
                    }, time, 'swing', function () {
                        shown = false;
                        info.css('display', 'none');
                    });

                }, hideDelay);

                return false;
            });
        });
    });
    
    //-->
  

		    
		    

$(document).ready(function(){ 

			// this add the hover class to the p
			$('.trigger p').hover(function() {
			$(this).addClass('hoverhover');
			}, function() {
			$(this).removeClass('hoverhover');
			});
	
			//Reduce the opacity of all the <span> elements in the submenu (#subNav) in order to hide the text links
			$('#home_subNav').find("span").each(function(i) {
	        	$(this).css('opacity', 0);
	        	});	
	        	
	         $('#help_subNav').find("span").each(function(i) {
	        	$(this).css('opacity', 0);
	        	});	
	        	
	        $('#blog_subNav').find("span").each(function(i) {
	        	$(this).css('opacity', 0);
	        	});	
	        	
	
			 $('#account_subNav').find("span").each(function(i) {
	        	$(this).css('opacity', 0);
	        	});
	        	
	        	
	        $('#products_subNav').find("span").each(function(i) {
	        	$(this).css('opacity', 0);
	        	});
	        	
	        	
	        $('#cart_subNav').find("span").each(function(i) {
	        	$(this).css('opacity', 0);
	        	});
	        	
	        
	        $('#checkout_subNav').find("span").each(function(i) {
	        	$(this).css('opacity', 0);
	        	});
	        	
	       $('#general_subNav').find("span").each(function(i) {
	        	$(this).css('opacity', 0);
	        	});
	        	
	       $('.selectButton').find("span").each(function(i) {
	        	$(this).css('opacity', 0);
	        	});
	        	
	       $('.continueButton').find("span").each(function(i) {
	        	$(this).css('opacity', 0);
	        	});	
	        	
	       $('#continueForm').find("span").each(function(i) {
	        	$(this).css('opacity', 0);
	        	}); 	
	       
	       // This one is a little ambitious and might effect other pages
	       // trying to write less code.
	       $('.choiceThree').find("span").each(function(i) {
	        	$(this).css('opacity', 0);
	        	});
	       
	       // these are for the checkout proccess subment 	
	       $('#checkout_subNav2').find("span").each(function(i) {
	        	$(this).css('opacity', 0);
	        	});
	       
	       $('#checkout_subNav3').find("span").each(function(i) {
	        	$(this).css('opacity', 0);
	        	});
	       
	       $('#checkout_subNav4').find("span").each(function(i) {
	        	$(this).css('opacity', 0);
	        	});  	 	 	
	        		 	 	 			
	        	
	        
	        
	        //cycle through images in the product detail page 
			$('#cycleDesign').cycle({ 
			    fx:     'fade', 
    			speed:   800, 
    			timeout: 6000, 
    			next:   '#cycleDesign', 
    			pause:   1 
			 });
	
	       
	       	//tabs for the Prodcut Detail Pages
	        //they must go after the above code otherwise the above code fails	    
			$(function(){
			$('#tabs ul').tabs( { fx: { opacity: 'toggle' } });
			});
			
			$(function(){
            $('#mytabs ul').tabs( { fx: { opacity: 'toggle' } });
			});
			
					
	        //cycle through images within the ID div
	        $('#cycle').cycle({ 
			    fx:     'fade', 
    			speed:   800, 
    			timeout: 5000, 
    			next:   '#cycle', 
    			pause:   1 
			 });
			 
			 //cycle through images within the ID div
	        $('#cyclesmall').cycle({ 
			    fx:     'fade', 
    			speed:   800, 
    			timeout: 10000, 
    			next:   '#cyclesmall', 
    			pause:   1 
			 });
			 
			//cycle through images within the ID div
	        $('#labelcycle').cycle({ 
			    fx:     'fade', 
    			speed:   800, 
    			timeout: 6000, 
    			next:   '#labelcycle', 
    			pause:   1 
			 }); 
						  
			$('#detailImage').cycle({ 
			    fx:     'fade', 
    			speed:   800, 
    			timeout: 6000, 
    			next:   '#detailImage', 
    			pause:   1
			 });
			 
			
			//cycle through images within the ID div
	        $('.picturebox').cycle({ 
			    fx:     'fade', 
    			speed:   800, 
    			timeout: 6000, 
    			next:   '.picturebox', 
    			pause:   1
			 }); 	
			 
			 
			// 
			// THE ACCOUNT DETAILS PAGE HAS SOME NICE SCRIPTS
			//
			
			//LOGIN VERSION
			// hide the div witht the form
			$('#mlogin').hide();
			
			// click function that shows the form and hides the trigger button
			$(".editLoginDetails li").click( function() {
			$("#mlogin").slideDown({ easing: 'easeOutBounce', duration: 1000 });
			$(".editLoginDetails li").animate({ opacity: 'hide' }, 1000);
			});
			
			// click function that reverses the click function above
			$("#mlogin h3").click( function() {
			$("#mlogin").slideUp({ easing: 'easeInExpo', duration: 1000 });
			$(".editLoginDetails li").animate({ opacity: 'show' }, 3000);
			}); 
			
			
			
			
			//SHIPPING VERSION
			// hide the div witht the form
			$('#mshipping').hide();
			
			// click function that shows the form and hides the trigger button
			$(".editShipDetails li").click( function() {
			$("#mshipping").slideDown({ easing: 'easeOutBounce', duration: 1000 });
			$(".editShipDetails li").animate({ opacity: 'hide' }, 1000);
			});
			
			// click function that reverses the click function above
			$("#mshipping h3").click( function() {
			$("#mshipping").slideUp({ easing: 'easeInExpo', duration: 1000 });
			$(".editShipDetails li").animate({ opacity: 'show' }, 3000);
			});


			//BILLING VERSION
			// hide the div witht the form
			$('#mbilling').hide();
			
			// click function that shows the form and hides the trigger button
			$(".editBillDetails li").click( function() {
			$("#mbilling").slideDown({ easing: 'easeOutBounce', duration: 1000 });
			$(".editBillDetails li").animate({ opacity: 'hide' }, 1000);
			});
			
			// click function that reverses the click function above
			$("#mbilling h3").click( function() {
			$("#mbilling").slideUp({ easing: 'easeInExpo', duration: 1000 });
			$(".editBillDetails li").animate({ opacity: 'show' }, 3000);
			});
			
			
			//PASSWORD VERSION
			// hide the div witht the form
			$('#mpass').hide();
			
			// click function that shows the form and hides the trigger button
			$(".editPassDetails li").click( function() {
			$("#mpass").slideDown({ easing: 'easeOutBounce', duration: 1000 });
			$(".editPassDetails li").animate({ opacity: 'hide' }, 1000);
			});
			
			// click function that reverses the click function above
			$("#mpass h3").click( function() {
			$("#mpass").slideUp({ easing: 'easeInExpo', duration: 1000 });
			$(".editPassDetails li").animate({ opacity: 'show' }, 3000);
			}); 
			
			 			
	        	
});