﻿window.addEvent('domready', function(){ 
    
    $$('.flyout').each(function(item) {
        item.getElement('.trigger').addEvent('mouseover', function(e){
            this.addClass('active');
            item.getElement('ul').setStyle('display', 'block');
        });
        item.addEvent('mouseleave', function(e){
            item.getElement('.trigger').removeClass('active');
            item.getElement('ul').setStyle('display', 'none');
        });
    });

    //var  zTables = new ZebraTables('highlightTable');
    var numCategories = $$('ul.topNav li ul li a').length;
    
    //alert(numCategories);
/*    
    $$('ul.topNav li ul li a').each(function(item) {
        item.addEvent('mouseover', function() {
            $('casesDropDown').setStyle('background-position', '0 -407px');
    });


    $$('ul.topNav li ul li.memory-card a').addEvent('mouseover', function(){
        $('casesDropDown').setStyle('background-position', '0 -407px');
    });
    
    $$('ul.topNav li ul li.micro a').addEvent('mouseover', function(){
        $('casesDropDown').setStyle('background-position', '0 -376px');
    }); 
    
    $$('ul.topNav li ul li.small a').addEvent('mouseover', function(){
        $('casesDropDown').setStyle('background-position', '0 -345px');
    }); 
    
    $$('ul.topNav li ul li.medium a').addEvent('mouseover', function(){
        $('casesDropDown').setStyle('background-position', '0 -314px');
    }); 
    
    $$('ul.topNav li ul li.large a').addEvent('mouseover', function(){
        $('casesDropDown').setStyle('background-position', '0 -283px');
    }); 
    
    $$('ul.topNav li ul li.camera a').addEvent('mouseover', function(){
        $('casesDropDown').setStyle('background-position', '0 -252px');
    }); 
    
    $$('ul.topNav li ul li.laptop a').addEvent('mouseover', function(){
        $('casesDropDown').setStyle('background-position', '0 -221px');
    });  
    
    $$('ul.topNav li ul li.weapon a').addEvent('mouseover', function(){
        $('casesDropDown').setStyle('background-position', '0 -190px');
    });
    
    $$('ul.topNav li ul li.ems a').addEvent('mouseover', function(){
        $('casesDropDown').setStyle('background-position', '0 -159px');
    });

//    $$('ul.topNav li ul li.tougher a').addEvent('mouseover', function(){
//        $('casesDropDown').setStyle('background-position', '0 -128px');
//    });
    
    $$('ul.topNav li ul li.picknpluck a').addEvent('mouseover', function(){
        $('casesDropDown').setStyle('background-position', '0 -128px');
    }); 
    
    $$('ul.topNav li ul li.customFoam a').addEvent('mouseover', function(){
        $('casesDropDown').setStyle('background-position', '0 -97px');
    }); 
    $$('ul.topNav li ul li.catalogs a').addEvent('mouseover', function(){
        $('casesDropDown').setStyle('background-position', '0 -66px');
    }); 

    $$('ul.topNav li ul li.educationCustomFoam a').addEvent('mouseover', function(){
        $('educationDropDown').setStyle('background-position', '0 -407px');
    });
    
    $$('ul.topNav li ul li.educationCustomCases a').addEvent('mouseover', function(){
        $('educationDropDown').setStyle('background-position', '0 -376px');
    });
    */    
    $$('ul.topNav li ul li a').addEvent('mouseleave', function(){
        $('casesDropDown').setStyle('background-position', '0 0');
        $('educationDropDown').setStyle('background-position', '0 0');
    });


    $$('div.productPhotoThumb img').addEvent('click', function(){
        $$('div.content div.interiorRightContent div.itemDetailLeft div.itemPhoto').setHTML('<a class="highslide" onclick="return hs.expand(this, {captionId: \'caption1\'})" href="/showimage.axd?id=' + this.getProperty('id') + '"><img id="ctl00_ContentPlaceHolder1_MainImage" style="border-width: 0px;" alt="" src="/showimage.axd?id=' + this.getProperty('id') + '&W=315&H=315"/></a>');
    });
    
    $$('div.tabs .detailTab a').addEvent('click', function() {
        $$('div.tabs .detailTab a').removeClass("on");
        this.addClass("on");
    });
        
    for(i=0; i<$$('div.tabs .detailTab').length; i++) {
        function addEvt(t) {
            $$('div.tabs .detailTab a#tab' + [t]).addEvent('click', function() {
                $$('div.tableTabs div.tableContainer').setStyle('display', 'none');
                $$('div.tableTabs div#div' + [t]).setStyle('display', 'block');
            });
        }
        addEvt(i);        
    }
    
    
//    $$('span.volume-pricing').addEvent('mouseover', function(){
//        $$('table.volume-pricing').setStyle('display', 'block');
//        this.setStyle('text-decoration', 'none');
//    });
//    
//    $$('span.volume-pricing').addEvent('mouseleave', function(){
//        $$('table.volume-pricing').setStyle('display', 'none');
//        this.setStyle('text-decoration', 'underline');
//    });


    $$('table tr td span.availability').addEvent('mouseover', function(){
        this.getElement('div').setStyle('display', 'block');
    });

    $$('table tr td span.availability').addEvent('mouseleave', function(){
        this.getElement('div').setStyle('display', 'none');
    });
});

function UpdateVolumePricing() {
    $$('span.foam-volume-pricing').addEvent('mouseover', function(){
        $$('table.foam-volume-pricing').setStyle('display', 'block');
        this.setStyle('text-decoration', 'none');
    });
    
    $$('span.foam-volume-pricing').addEvent('mouseleave', function(){
        $$('table.foam-volume-pricing').setStyle('display', 'none');
        this.setStyle('text-decoration', 'underline');
    });

    $$('span.nofoam-volume-pricing').addEvent('mouseover', function(){
        $$('table.nofoam-volume-pricing').setStyle('display', 'block');
        this.setStyle('text-decoration', 'none');
    });
    
    $$('span.nofoam-volume-pricing').addEvent('mouseleave', function(){
        $$('table.nofoam-volume-pricing').setStyle('display', 'none');
        this.setStyle('text-decoration', 'underline');
    });
}


    var shippingwindow
    
    function openShipping(url){
        closeShipping();
        shippingwindow = window.open(url,"link","toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=1,width=350,height=200,left=100,top=100");
        shippingwindow.focus();
    }
        
    function closeShipping(){
        if (shippingwindow && !shippingwindow.closed){
            shippingwindow.close();
        }
    }
    
    
    var upswindow
    
    function openUPS(url){
        closeUPS();
        upswindow = window.open(url,"link","toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=1,width=580,height=420,left=100,top=100");
        upswindow.focus();
    }
    
    function closeUPS(){
        if (upswindow && !shippingwindow.closed){
            upswindow.close();
        }
    }
