// JavaScript Document

/*
  Slider Code
  CQ Labs
  www.cqlabs.net
*/
$(document).ready(function(){

    $.fn.move_left = function(settings, control){
        if(control.position == control.beg){
            //control.position = control.end;
            if(settings.loop){
                $('#wh_slider').move_right(settings, control);
            }
        }else if(control.position < control.beg){
            if(control.position == parseInt($('#wh_slider').css("margin-left")))
                control.position += settings.element_width;
                
            if(settings.loop){
                control.timeoutId = setTimeout(function() {
                            $('#wh_slider').animate({marginLeft:control.position}, settings.slide_speed, 'swing')
                                           .move_left(settings, control);
                }, settings.timeout);
            }else{
                $('#wh_slider').animate({marginLeft:control.position}, settings.slide_speed);
            }
        }
    }
    
    $.fn.move_right = function(settings, control){
        if(control.position == control.end){
            //control.position = control.beg;
            if(settings.loop){
                $('#wh_slider').move_left(settings, control);
            }
        }else if(control.position > control.end){
            if(control.position == parseInt($('#wh_slider').css("margin-left")))
                control.position -= settings.element_width;
            
            if(settings.loop){
                control.timeoutId = setTimeout(function() {
                            $('#wh_slider').animate({marginLeft:control.position}, settings.slide_speed, 'swing')
                                           .move_right(settings, control);
                }, settings.timeout);
            }else{
                $('#wh_slider').animate({marginLeft:control.position}, settings.slide_speed);
            }
        }
    }
    
    
    /****  Slider ****/
    var settings = {
        'element_width': 640,
        'num_elements': 7,
        'slide_speed': 500,
        'timeout': 4000,
        'loop': true
    };
    
    var control = {
        'beg': 0,
        'end': -1 * (settings.element_width * (settings.num_elements - 1)),
        'position': 0,
        'timeoutId' : 1
    }
    
    //auto slide
    $('#wh_slider').move_right(settings, control); //loop
    
    //click left - slide left
    $('#wh_prev').click(function(e) {
        settings.loop = false;
        clearTimeout(control.timeoutId);
        $('#wh_slider').move_left(settings, control);
    });
    
    //click right - slide right
    $('#wh_next').click(function(e) {
        settings.loop = false;
        clearTimeout(control.timeoutId);
        $('#wh_slider').move_right(settings, control);
    });

});