// JavaScript Document INDEX

var start_slide = 1;
var IntervalKey;
var change_speed = 1000;
var Change_li = function () {
    $('#index_teaser li').css({
        zIndex: '0'
    });
    if (start_slide == 1) {
        $('#index_teaser li.index_teaser2').css({
            zIndex: '2'
        });
        $('#index_teaser li.index_teaser1').animate({
            opacity: 0
        }, change_speed);
        $('#index_teaser li.index_teaser2').animate({
            opacity: 1
        }, change_speed);
        $('#index_teaser li.index_teaser3').animate({
            opacity: 0
        }, change_speed);
        $('#index_teaser li.index_teaser4').animate({
            opacity: 0
        }, change_speed);
    }
    if (start_slide == 2) {
        $('#index_teaser li.index_teaser3').css({
            zIndex: '2'
        });
        $('#index_teaser li.index_teaser1').animate({
            opacity: 0
        }, change_speed);
        $('#index_teaser li.index_teaser2').animate({
            opacity: 0
        }, change_speed);
        $('#index_teaser li.index_teaser3').animate({
            opacity: 1
        }, change_speed);
        $('#index_teaser li.index_teaser4').animate({
            opacity: 0
        }, change_speed);
    }
    if (start_slide == 3) {
        $('#index_teaser li.index_teaser4').css({
            zIndex: '2'
        });
        $('#index_teaser li.index_teaser1').animate({
            opacity: 0
        }, change_speed);
        $('#index_teaser li.index_teaser2').animate({
            opacity: 0
        }, change_speed);
        $('#index_teaser li.index_teaser3').animate({
            opacity: 0
        }, change_speed);
        $('#index_teaser li.index_teaser4').animate({
            opacity: 1
        }, change_speed);
    }
    if (start_slide == 4) {
        $('#index_teaser li.index_teaser1').css({
            zIndex: '2'
        });
        $('#index_teaser li.index_teaser1').animate({
            opacity: 1
        }, change_speed);
        $('#index_teaser li.index_teaser2').animate({
            opacity: 0
        }, change_speed);
        $('#index_teaser li.index_teaser3').animate({
            opacity: 0
        }, change_speed);
        $('#index_teaser li.index_teaser4').animate({
            opacity: 0
        }, change_speed);
        start_slide = 0;
    }
    start_slide++;
};
function getpos_left(p) {
    var pp = $(p);
    var position = pp.offset();
    return position.left;
}

function getpos_top(p) {
    var pp = $(p);
    var position = pp.offset();
    return position.top;
}
$(document).ready(

function () {
     /*setting pos of li elements */
    $("#index_teaser li.index_teaser2").css({
        left: '-180px',
        opacity: 0
    });
    $("#index_teaser li.index_teaser3").css({
        left: '-360px',
        opacity: 0
    });
    $("#index_teaser li.index_teaser4").css({
        left: '-540px',
        opacity: 0
    });
    $("#start").css({
        left: '-555px'
    }); /* ------ */
    var StartSlideShow = function () {
        start_slide = 1;
        $('#index_teaser li').css({
            zIndex: '0'
        });
        $('#index_teaser li.index_teaser1').css({
            zIndex: '2'
        });
        IntervalKey = setInterval(Change_li, 3000);
    };
    StartSlideShow(); /* start klick */
    $('#start').toggle(function () {
        clearInterval(IntervalKey);
        $('#index_teaser li.index_teaser1').animate({
            opacity: 1
        }, 1);
        $('#index_teaser li.index_teaser2').animate({
            left: '+=180',
            opacity: 1
        }, 1000);
        $('#index_teaser li.index_teaser3').animate({
            left: '+=360',
            opacity: 1
        }, 1000);
        $('#index_teaser li.index_teaser4').animate({
            left: '+=540',
            opacity: 1
        }, 1000);
        $('#start').animate({
            left: '+=540'
        }, 1000);
        $("a#start").css("background-position", "top left");
    }, function () {
        StartSlideShow();
        $('#index_teaser li.index_teaser1').animate({
            opacity: 1
        }, 1);
        $('#index_teaser li.index_teaser2').animate({
            left: '-=180',
            opacity: 0
        }, 500);
        $('#index_teaser li.index_teaser3').animate({
            left: '-=360',
            opacity: 0
        }, 500);
        $('#index_teaser li.index_teaser4').animate({
            left: '-=540',
            opacity: 0
        }, 500);
        $('#start').animate({
            left: '-=540'
        }, 500);
        $("a#start").css("background-position", "top right");
    });
});



$(document).ready(
function () {
	
	replace_SIFR(rgb2hex($("h1").css('color')),rgb2hex($("h2").css('color')));
	
});