/* ******************** SLIDER **************** */

var movewidth = 877;  
var sliderTitles = Array();
var selectedSlide = 0;
function initSlider(){ 
        jQuery('#s3page0').click( function(){
            //jumpRight();
            slideRight();
        });   

        jQuery('#s3page1').click( function(){
            //jumpLeft();
            slideLeft();
        }); 
        
        jQuery('#s3page2').click( function(){
            slideRight();
        }); 
        
        jQuery('#s3page3').click( function(){
            slideLeft();
        }); 
        /*
        jQuery('#slide0').click( function(){        
            jumpTo(0);
        });
        
        jQuery('#slide1').click( function(){        
            jumpTo(1);
        });
        
        jQuery('#slide2').click( function(){        
            jumpTo(2);
        });
        
        jQuery('#slide3').click( function(){        
            jumpTo(3);
        });     */
        //movewidth = jQuery("#cs1").width();  
        /*  
        var sltit = document.getElementById('slide_titles');
        if(sltit != null)
            sliderTitles = sltit.getElementsByTagName('a');
        */
        //alert(sliderTitles.length);  
        /*jQuery(function() { 
            var root = jQuery("#cs1").scrollable({size: 4, clickable: true});
        });   */
        /*
        // get handle to the API upon initialization 
        var api = jQuery("#cs1").scrollable({size:4, clickable: true, api: true}); 
 
        // perform a simple API call 
        //api.next(); 
       
        // register a callback function 
        api.onSeek(function() { 
               // here, the 'this' variable points to the API 
               this.getPageIndex(); 
        }); 
 
        // supply a callback function to a regular API call 
        api.next(function() { 
            // again the 'this' variable points to the API 
            this.prev(); 
        });*/
}

function toggleActive(index){
    for(i=0; i<sliderTitles.length;i++){
        if(index!=i){
            jQuery('#slide'+i).removeClass('active');
        } else {
            jQuery('#slide'+i).addClass('active');
        }
        Cufon.refresh('#slide_titles a');
        Cufon.refresh('a');
        /*if(index==i){
            sliderTitles[i].className = 'rb active';
        } else {
            sliderTitles[i].className = 'rb';
        } */
    }
}

function jumpLeft(){
    var pos = jQuery('#boxcont').position().left;
    var size = -jQuery("#boxcont").width();
    var last = (-3*movewidth);
    var mark = 0;
    if(pos<0){
        mark = pos+movewidth;
        selectedSlide--;   
    }else{
        mark = last;
        selectedSlide = 3; 
    }
    jQuery('#boxcont').css("left",mark);
    toggleActive(selectedSlide); 
}

function slideLeft(){
    var pos = jQuery('#boxcont').position();
    var size = -jQuery("#boxcont").width();
    if(pos.left<0){
        //var move = pos - 1200;
        jQuery('#boxcont').animate({          
            left: '+='+movewidth
            }, 1000, function() {
                // Animation complete.
            });
        selectedSlide--; 
    } else {
        jQuery('#boxcont').animate({
            left: -movewidth*3
            }, 1000, function() {
                // Animation complete.
            });
        selectedSlide = 3;
    }
    toggleActive(selectedSlide); 
}

function jumpRight(){
    var pos = jQuery('#boxcont').position().left;
    var size = -jQuery("#boxcont").width();
    var last = 0;
    var mark = 0;
    if(pos>movewidth+5+size){
        mark = pos-movewidth;
        selectedSlide++;   
    }else{
        mark = last;
        selectedSlide = 0; 
    }
    jQuery('#boxcont').css("left",mark);
    toggleActive(selectedSlide);
}


function slideRight(){
    var pos = jQuery('#boxcont').position();
    var size = jQuery("#boxcont").width()-1200;
    if(pos.left>-size){
        //var move = pos - 1200;
        jQuery('#boxcont').animate({
            left: '-='+movewidth
            }, 1000, function() {
                // Animation complete.
            });
        selectedSlide++;   
    } else {
        jQuery('#boxcont').animate({
            left: 0
            }, 1000, function() {
                // Animation complete.
            });
        selectedSlide=0;   
    }
    toggleActive(selectedSlide); 
}

function slideTo(index){
    toggleActive(index);
    var pos = jQuery('#boxcont').position();
    var size = jQuery("#boxcont").width()-1200;
    var despos = -index * movewidth;
    //var desposmove = 
    jQuery('#boxcont').animate({
        left: despos
        }, 2000, function() {
        // Animation complete.
    }); 
}


function jumpTo(index){
    toggleActive(index);
    var pos = jQuery('#boxcont').position();
    var size = jQuery("#boxcont").width()-1200;
    var despos = -index * movewidth;
    jQuery('#boxcont').css("left",despos);; 
}