/*LiveServer: */
var mini_interval;
var slide_interval;
var one_slide_time = 4000;
var fade_time = 300;
var next_fade_time = 100;
var slide_id = 0;
var mini_slide_id;
var mini_index=1;
var z_index = 1;
var counter = 0;
var sContainer;

function XMLslideshow(slidesContainer, XMLurl){
        sContainer = slidesContainer;
    
        $('#' + slidesContainer).jParse({
        parentElement: 'slide',
        ajaxOpts: {url: XMLurl},
        elementTag: ['text_file', 'text_graphic_position', 'image_file','url'],
        output: '<a href="jpet03"><div class="slide"><div class="position" id="jpet00">jpet01</div><div class="img_1" style="background-image: url(\'jpet02\')" src="jpet02"></div><div class="img_2" style="background-image: url(\'jpet02\')" src="jpet02"></div><div class="img_4" style="background-image: url(\'jpet02\')" src="jpet02"></div><div class="img_3" style="background-image: url(\'jpet02\')" src="jpet02"></div></div></a>',
        callback: function() {$('.slide').ready(function(){ set_text_image(sContainer);});},
            precallback: function() { $('#'+ slidesContainer).append("<div id='hiddenImgs'></div>");  $('#'+ slidesContainer).append("<div id='loadingPanel'></div>");      $('#' + slidesContainer + " #loadingPanel").show(); }
    });
}
function set_text_image(container) {
        
    var slides = $('#'+container+ ' > a div.slide');
    $('#'+container).append("<div class='bullets'></div>");
    
    for (i=0; i < slides.length; i++) {
                $('#hiddenImgs').append('<img src="' + slides.eq(i).find('.img_1').attr('src') + '"/>');
                $('#hiddenImgs').append('<img src="' + slides.eq(i).find('.position').attr('id') + '"/>');
                counter += 2;
                
        var position = slides.eq(i).find('.position');
        $('#'+container).find('>div.bullets').append("<span><a id='"+i+"'></a></span>");
        switch(position.html()){
            case 'top left': slides.eq(i).find('.img_1').css({backgroundImage: 'url('+position.attr('id')+')',backgroundPosition: '0 0 !important'}); slides.eq(i).data('position', 1); break;
            case 'top right': slides.eq(i).find('.img_2').css({backgroundImage: 'url('+position.attr('id')+')',backgroundPosition: '0 0 !important'}); slides.eq(i).data('position', 2);break;
            case 'bottom left': slides.eq(i).find('.img_4').css({backgroundImage: 'url('+position.attr('id')+')',backgroundPosition: '0 0 !important'}); slides.eq(i).data('position', 4);break;
            case 'bottom right': slides.eq(i).find('.img_3').css({backgroundImage: 'url('+position.attr('id')+')',backgroundPosition: '0 0 !important'}); slides.eq(i).data('position', 3);break;
        }
    };
    $('#'+container+' .bullets a').click(function(){
        if(this.id != slide_id) {
            clearInterval(slide_interval);
            clearInterval(mini_interval);
            mini_slide_id = slides.eq(slide_id).data('position');
            slide_id = this.id-1;
            mini_index=1;
            startSlider(slides);
    
            slide_interval = setInterval(function(){
                startSlider(slides);
            }, one_slide_time);
        }        
                
    });        
    $('#hiddenImgs img').load(function(container) {counter--; allImagesLoaded(slides);});    
}
function allImagesLoaded(slides){
    if(counter == 0) {
                $('#' + sContainer + " #loadingPanel").hide();
        start_animation(slides);    
    } else {        
        return false;    
    }
}
function start_animation(slides){        
    slide_id = -1;
    mini_slide_id = slides.last().data('position');
    mini_index=1;
    z_index = 1;
    
    startSlider(slides);
    
    slide_interval = setInterval(function(){
        startSlider(slides);
    }, one_slide_time);        
}
function startSlider(slides) {
    if (slide_id == slides.length-1) {mini_slide_id = slides.eq(slide_id).data('position'); slide_id=0; } else {mini_slide_id = slides.eq(slide_id).data('position');slide_id++;};
    slides.eq(slide_id).hide();
    slides.eq(slide_id).find('> div').hide();
    slides.eq(slide_id).css({zIndex: z_index});
    z_index++;
    mini_interval = setInterval(function(){        
                
            slides.eq(slide_id).show();
                        $('.bullets span').removeClass("active");
                        $('.bullets span').eq(slide_id).addClass("active");
        slides.eq(slide_id).find(".img_"+mini_slide_id).show();//fadeIn(fade_time);
                
            if (mini_slide_id == 4) 
            {
                mini_slide_id = 1;            
            } else { 
                mini_slide_id++; 
            }
            if (mini_index == 4) 
            {
                mini_index = 1; 
                clearInterval(mini_interval);
                        
                } else { mini_index++; }
    },next_fade_time);
}
function addInputListeners(input_id, default_text) {
    input_selector = '#' + input_id;
    $(input_selector).focus(function(){
        if($(this).attr("value") == default_text) $(this).attr("value", "");
    });
    $(input_selector).blur(function(){
        if($(this).attr("value") == "") $(this).attr("value", default_text);
    });
}
$(function() {
        XMLslideshow("flash_slideshow", "/us/xml/slideshow_config.xml");
    
    $('#slider li').not('.slider_separator').hover(function() {
        $(this).addClass('hover');
        }, function() {
        $(this).removeClass('hover');
        });
    $('#slider li').not('.slider_separator').click(function() {
        var object = $(this);
        var target_height = $(this).attr('id') == 'slider_get' ?  "76px" : "80px";
        $(this).animate({ 
            height: target_height
                }, 500 );
        var list = $('#slider li');
        jQuery.each($('#slider li').not('.slider_separator'), function() {
            if($(this).attr('id') != object.attr('id')) {
                var target_height = $(this).attr('id') == 'slider_get' ?  "37px" : "40px";
                $(this).animate({ 
                    height: target_height
                    }, 500, function() {
                    $(this).attr('class','');
                });
            }
            });
        var active_class = $(this).attr('id') == 'slider_help' ?  "active_help" : "active";
        object.attr('class',active_class);
                            });
    
    addInputListeners('f_search', 'SEARCH');
    addInputListeners('enter_zipcode', 'Enter you zipcode');
    addInputListeners('enter_email', 'Enter your email address');
    });
 
/** <HTML><HEAD><!-- PageID 2034 - published by Open Text Web Solutions 10 - 10.0.1.64 - 26863 --><title></title></HEAD><BODY></BODY></HTML> **/

