﻿$('#sat_teaser_container').mouseover(function() {
        $('.sat_teaser_prev').show();
        $('.sat_teaser_next').show();
    });
    $('#sat_teaser_container').mouseout(function() {
        $('.sat_teaser_prev').hide();
        $('.sat_teaser_next').hide();
    });
 
    $('.sat_teaser_prev').click( function() {
        sat_teaserSlider.prevsat_teaser();
        clearInterval(sat_teaserSlider.interval);
    });
    $('.sat_teaser_next').click(function() {
        sat_teaserSlider.nextsat_teaser();
        clearInterval(sat_teaserSlider.interval);
    });
    var sat_teaserSlider = {
        interval: '',
        countsat_teaser : $('.sat_teasers').length,
        currentsat_teaser : 0,
        nextsat_teaser : function(){
            var from = this.currentsat_teaser;
            if( (this.currentsat_teaser+1) < this.countsat_teaser) {
                this.currentsat_teaser++;
            } else {
                this.currentsat_teaser=0;
            }
            this.gotosat_teaser(from, this.currentsat_teaser, 'left');
        },
        prevsat_teaser : function(){
            var from = this.currentsat_teaser;
            if( this.currentsat_teaser > 0) {
                this.currentsat_teaser--;
            } else {
                this.currentsat_teaser = this.countsat_teaser -1;
            }
            this.gotosat_teaser(from, this.currentsat_teaser, 'right');
        },
        gotosat_teaser : function(from, to, dir){
            if( dir == 'right' ) {
                $('.item_' + to).css({"left": "-810px"});
                $('.item_' + from).css({"left": "0px"});
                $('.item_' + from ).animate({"left": "+=810px"}, "slow");
                $('.item_' +to ).animate({"left": "+=810px"}, "slow");
            } else {
                $('.item_' + to).css({"left": "810px"});
                $('.item_' + from).css({"left": "0px"});
                $('.item_' + from ).animate({"left": "-=810px"}, "slow");
                $('.item_' +to ).animate({"left": "-=810px"}, "slow");
            }
            $('.sat_item_selector_' + from ).removeClass('sat_selected_item');
            $('.sat_item_selector_' + to ).addClass('sat_selected_item');
            this.currentsat_teaser = to;
        },
        sat_teaserBar : function(){
            for( i=(this.countsat_teaser-1); i>=0; i--){
                $('.sat_teaser_bar').append( '<span class="sat_item_selector_'+i+'">' + (i+1) + '</span>' );
                $('.sat_item_selector_'+i).click(function(){
                    sat_teaserSlider.gotosat_teaser(sat_teaserSlider.currentsat_teaser, this.innerHTML-1);
                    clearInterval(sat_teaserSlider.interval);
                });
                $('.sat_item_selector_0').addClass('sat_selected_item');
            }
            $('.sat_teaser_bar').show();
        }
    }
    sat_teaserSlider.sat_teaserBar();
    sat_teaserSlider.interval = setInterval("sat_teaserSlider.nextsat_teaser()",6000);
