$(document).ready(function(){
    
    $("#forus_readmore").click(function () {
        $("#forus_more").stop(true,true).slideToggle();

    });
    
    
    $("a.img").fancybox({
//        'overlayShow' : false,
        'transitionIn' : 'elastic',
        'transitionOut' : 'elastic'
    });
    //hide message_body after the first one
    ////////pagging begin from here ....
    //$("#pg1").html('aaaa');
    ///$("#pg1").removeClass("pagging").addClass("curPage");
    $(".pagging:first").addClass("curPage");
    //$("#pg1").addClass("curPage");
    
    $(".pagging").hover(function(){
        $('#page_line').attr('slider','stop');
    },function(){
        $('#page_line').attr('slider','on');
    });
    $(".pagging").click(function(){

        var obj = $(this);
        var currentId = parseInt($('.pagging.curPage').html());
        var nextId = parseInt(obj.html());
        var elementWidth = $('#activePage').css('width');
        
        $('.pagging').removeClass('curPage');
        obj.addClass("curPage");


        var diff = nextId-currentId;
        var direction = (diff > 0) ? "plus" : "min";
        /////END PAGGING

        /////alert("cur:"+currentId+"|next:"+nextId+"|diff:"+diff+"|dir->"+direction);
		
        for( i=1; i <= Math.abs(diff); i++)
        {
            if (direction == "min")
            {	
                $("#activePage").attr('id','').prev().attr("id","activePage");
                $("#activePage").animate({
                    "margin-left" : "+="+elementWidth
                },{
                    duration:500
                });
            }
            if (direction == "plus")
            {
                $("#activePage").animate({
                    "margin-left" : "-="+elementWidth
                },{
                    duration:500
                });
                $("#activePage").attr('id','').next().attr("id","activePage");
            }
        }
        
        return false;
    });


    ///class constructor with class variable ...
    function autoSlider(){
        this.TIMEOUT = 2000;
        this.PAGES_NUM = $('.pagging').length;
        this.LOOP_NUM = 10;
        this.PAGES_OBJ = $('.pagging');
    }
  
    autoSlider.prototype.loop = function() {
        var number = 0,
        loopTime = this.TIMEOUT*this.PAGES_NUM+1000,
        loopNum = this.LOOP_NUM;
        clickLoop();
        if ($('#page_line').attr('slider')!='stop')
        {
            mainLoop = setInterval(function(){
                clickLoop();
                number++;
                if (number == loopNum)
                    clearInterval(mainLoop);
            },loopTime);
        }
    }

    function clickLoop() {
        var slider = new autoSlider();
        var page = 0;

        var clickLoop = setInterval(function(){
            if ($('#page_line').attr('slider')!='stop')
                $('#'+slider.PAGES_OBJ[page].id).trigger('click');
            page++;
            if (page == slider.PAGES_NUM)
                clearInterval(clickLoop);
        },slider.TIMEOUT);
        
    }
    
    var sliderObj = new autoSlider(7);

    if (sliderObj.PAGES_NUM > 0) {
        sliderObj.loop();
    }
    
});