/**
 * 
 *
 * @category  
 * @copyright (c)2010
 * @package
 * @author    
 * @version   $Id: scroll_list.js 2010/07/09
 */

/* speed  */
var duration = 500;

/* scroll width */
var scrollWidth = 921;

/* 3 spans to page */
var per = 3;

/* Image width */
var spanWidth = 307;

/* Image margin-left */
var spanMargin = 0;

/* cur_page  */
var cur_page = 1;

/* startLeft */
var startLeft = 0;

/* pages */
var pages = 0;

var leftB   = "/images/topImg/bt_recommend_left.gif";
var leftBx  = "/images/button1_x.jpg";
var rightB  = "/images/topImg/bt_recommend_right.gif";
var rightBx = "/images/button2_x.jpg";

/**
 * animator
 *
 * @param jQueryObject el
 * @param int time
 * @param string dir
 * @return void
 */
var animator = function(el, time, dir) {

    if (dir == "ltr") {
        //LeftA from left to right for scrolling

        if (cur_page == 1) {
            scrollLeft(el);
            return ;
        }
        
        cur_page--;

        startLeft += scrollWidth;

        el.animate({left:startLeft + "px"}, time, "swing", function() {

            if (cur_page == 1) {

                $("a#leftA")[0].className   = "ina";
                $("img", "a#leftA")[0].src  = leftBx;

                $("a#rightA")[0].className  = "navn";
                $("img", "a#rightA")[0].src = rightB;
            } else {
                $("a#rightA")[0].className  = "navn";
                $("img", "a#rightA")[0].src = rightB;

            }

            scrollLeft(el);
            
        });//animate end

    } else {

        //RightA from right to left for scrolling
        if (cur_page == pages) {
            scrollRight(el);
            return ;
        }

        cur_page++;

        startLeft -= scrollWidth;

        el.animate({left:startLeft + "px"}, time, "swing", function() {

            if (cur_page == pages) {
                $("a#leftA")[0].className   = "navp";
                $("img", "a#leftA")[0].src  = leftB;
                $("a#rightA")[0].className = "ina";
                $("img", "a#rightA")[0].src = rightBx;
            } else {
                $("a#leftA")[0].className   = "navp";
                $("img", "a#leftA")[0].src  = leftB;
            }

            scrollRight(el);

        });//animate end
       
    }//if dir end

}//animator end


/**
 * scroll To Left
 * 
 * @param jQueryObject el
 * @return void
 */
var scrollLeft = function(el) {

  $("a#leftA").one("click", function() {
      el.stop(true);
      animator(el, duration, "ltr");
  });

}


/**
 * scroll To right
 *
 * @param jQueryObject el
 * @return void
 */
var scrollRight = function(el) {

  $("a#rightA").one("click", function() {
      el.stop(true);
      animator(el, duration, "rtl");
  });
}



$(function(){

    loadImg();

    var container = $("div.container");

    var len = $("span.wrapper", "div.container").length + 1;

    container.width((len * spanWidth) + (len * spanMargin));

    cur_page  = 1;
    startLeft = 0;

    if (len % per == 0) {
        pages = len / per;
    } else {
        pages = parseInt((len / per));
    }
      
    scrollLeft(container);
    scrollRight(container);
      
});


/**
 * loadImg
 *
 * @return void 
 */
function loadImg() {

    var arrImgList = new Array(leftB, leftBx, rightB, rightBx);

    var arrPreLoad = new Array();

    for (var i in arrImgList) {
         arrPreLoad[i] = new Image();
         arrPreLoad[i].src = arrImgList[i];
    } 
}