/**
 * slider class 
 */


function sgSlider(){
    
    
    /**
    * Private variables
    */
    var self = this;
    var jumpSlideWidth = 905;
    var sliderId = '#sgSlider';
    var sliderClassIn = '.toonOnAirSliderIn';
    var sliderClassInUl = '.toonOnAirSliderIn-ul';
    var leftBtn  = '.arrLeft';
    var rightBtn = '.arrRight';
    var firstShowClass= '.toonItemMain';
    
    
    var items= '.toonItem ';
    var itemsHoverTime= 100;
    var itemsHoverBounce= 'easeOutBack';
    
    var time = 800;
    
    
    var itemCssStart = new Array();
    
    var inFunctionBounce = 'easeOutElastic';
    var outFunctionBounce = 'easeOutElastic';
    /**
    * Constructor
    */
    var construct = function () {
    }
    
    
    var blocked = false;
    
    this.right = function(){
        $(rightBtn).blur();
        $(leftBtn).blur();
        $(leftBtn).fadeIn();
         if (!blocked){
            blocked = true;
            var prevItem = $(firstShowClass).prev();
            $(rightBtn).fadeIn();
            if ($(prevItem).prev().prev().prev().prev().text()=='')
                $(rightBtn).fadeOut();
            if ($.browser.msie)
                $(firstShowClass).next().next().next().children().hide();        
            else
                $(firstShowClass).next().next().next().children().fadeOut();        
            $(sliderClassInUl).animate({'left':'+=104px'},500,inFunctionBounce,function(){
                blocked = false;
            });
            $(firstShowClass).addClass('toonItem');
            $(firstShowClass).removeClass(firstShowClass.substring(1));
            $(prevItem).removeClass('toonItem');
            $(prevItem).addClass(firstShowClass.substring(1));
            if ($.browser.msie)
                $(prevItem).prev().prev().prev().children().show();
            else
                $(prevItem).prev().prev().prev().children().fadeIn('fast');
            $(prevItem).find('img').attr('style','');            
        }
        return false;
    }
    
    this.left = function(){
        $(rightBtn).blur();
        $(leftBtn).blur();
        $(rightBtn).fadeIn();
        if (!blocked){
            blocked = true;
            var nextItem = $(firstShowClass).next();
            $(leftBtn).fadeIn();
            if ($(nextItem).next().next().next().next().text()=='')
                $(leftBtn).fadeOut();
            if ($.browser.msie)
                $(firstShowClass).prev().prev().prev().children().hide();        
            else
                $(firstShowClass).prev().prev().prev().children().fadeOut();        
            $(sliderClassInUl).animate({'left':'-=104px'},500,inFunctionBounce,function(){
                blocked = false;
            });
            $(firstShowClass).addClass('toonItem');
            $(firstShowClass).removeClass(firstShowClass.substring(1));
            $(nextItem).removeClass('toonItem');
            $(nextItem).addClass(firstShowClass.substring(1));
            if ($.browser.msie)
                $(nextItem).next().next().next().children().show();
            else
                $(nextItem).next().next().next().children().fadeIn('fast');
            $(nextItem).find('img').attr('style','');
        }
        return false;
        
    }
    this.slider = function(){
        
        $(sliderId+' '+sliderClassInUl).hide();
        $(sliderId+' '+sliderClassInUl).css('left',-jumpSlideWidth+'px');
        $(firstShowClass).parent().addClass('activeSlide').css('left','300px').show();
        $(leftBtn).click(self.left)
        $(rightBtn).click(self.right)
        $(items).hover(self.itemHoverOn,this.itemHoverOut);                        
                
//        itemCssStart['height'] = $(items).find('img').css('height');        
        itemCssStart['height'] = 100;        
        itemCssStart['marginLeft'] = $(items).find('img').css('marginLeft');
        itemCssStart['marginTop'] = $(items).find('img').css('marginTop');
        
        $(firstShowClass).prev().prev().prev().prevAll().children().css({'display':'none'});
        $(firstShowClass).next().next().next().nextAll().children().css({'display':'none'});
    }
    
    this.itemHoverOn = function () {        
        if ($(this).hasClass('toonItemMain')) return false;
        $(this).find('img').stop().animate({
            'height':(parseInt(itemCssStart['height'])+20)+'px',
            'marginLeft':(parseInt(itemCssStart['marginLeft'])-20)+'px',
            'marginTop':(parseInt(itemCssStart['marginTop'])-10)+'px'
        },itemsHoverTime,itemsHoverBounce);
    }
    this.itemHoverOut = function () {
        if ($(this).hasClass('toonItemMain')) return false;
        $(this).find('img').stop().animate({
            'height':itemCssStart['height'],
            'marginLeft':itemCssStart['marginLeft'],
            'marginTop':itemCssStart['marginTop']
        },itemsHoverTime,itemsHoverBounce);
        
    }
    

}

$(document).ready(function(){
    var slider = new sgSlider();    
    slider.slider();
});