document.observe("dom:loaded", function(){

    if ($('product_promo')) {
        homepageTabs = new Control.Tabs('product_promo');
        nextHomepageTab = function() {
            activeLink = homepageTabs.activeLink;
            siblings = $(activeLink.parentNode).nextSiblings();

            if (siblings.length > 0) {
                homepageTabs.setActiveTab(siblings[0].childElements()[0]);
            } else {
                homepageTabs.setActiveTab($(activeLink.parentNode).siblings()[0].childElements()[0]);
            }
            setTimeout("nextHomepageTab()", 6500);
        };
        setTimeout("nextHomepageTab()", 6500);
    }
    if ($('newsletter')) {
        Event.observe($('newsletter'),'focus',function() { 
            if($('newsletter').value=='your email address') {
                $('newsletter').setValue('');
            }
        });

        Event.observe($('newsletter'),'blur',function() { 
            if($('newsletter').value=="") {
                $('newsletter').setValue('your email address');
            }
        });
    }
    
    
    //Setup tooltip listeners - need "infotip" and "sku-xxxxx" classes
    //where xxxxx is the sku of the product to get info from
    jQuery('.infotip').each(function(index) {
        classValue = jQuery(this).attr('class');
        classes = classValue.split(' ');
        jQuery.each(classes, function(index, value) {
            if (value.substring(0,3) == 'sku'){
                skus = value.split('-');
                sku = skus[skus.length-1];
            } 
        });
        
        jQuery(this).qtip({
            //title: 'Target Details',
            content: {
                text: '<img class="target-details-ajax-loader" src="/skin/frontend/default/chantest/img/ajax-loader.gif" alt="Loading..." />',
                url: '/custom/ajax/productSummary/sku/' + sku,
                title: {
                    text: 'Target Details', // Give the tooltip a title using each elements text
                    button: 'Close' // Show a close link in the title
                }
            },   
            hide: {
                fixed: true, 
                delay: 3000 
            },
            position: {
                corner: {
                    target: 'topLeft',
                    tooltip: 'topLeft'
                },
                adjust: {
                    screen: false // Keep the tooltip on-screen at all times
                }
            },
            show: { 
                when: { 
                    event: 'click' 
                } 
            },            
            style: {
                border: {
                   color: '#bbb'
                },
                width: 600                
            }
        });
        jQuery(this).click(function(){
            return false;    
        });        
        
        // Event.observe(jQuery(this), 'click', function(evt) {
            // Event.stop(evt);
        // });
    });

});