/**
* HELI
 * @author xochi
 */
var scss;
var slides;
var slideNr;
var timeBetweenSlides = 3;
var width = 921;
var height = 225; 


var switched;
var slNr; 
var lastSlideNr;

function initializeSCSS(slidesIn) {
	
	this.scss = $("DIV.scss_main");
	this.slides = $("DIV.scss_main").children("IMG");
	
	this.slideNr = 0;
	this.lastSlideNr = this.slides.size()-1;
	this.slides.css("opacity", "0.0");
	this.slides.css("moz-opacity", "0.0");
	this.slides.css("filter", "alpha(opacity=0)");
	
	this.switched = false;
	
	this.scss.append("<div class=\"nextBtn\"></div>");
	
	$("DIV.nextBtn").click(
		function() {
			switchToNextSlide();
		}
	);
	this.scss.append("<div class=\"lastBtn\"></div>");
	$("DIV.lastBtn").click(
		function() {
			switchToLastSlide();
		}
	);
	this.scss.append("<div class=\"slideList\"></div>");
	
	for(var i=this.slides.size()-1; i>=0; i--) {
		pos = this.slides.size() - i;
		$("DIV.slideList").append("<div class=\"slide slide" + pos + "\">" + (i+1) + "</div>");
	
		$("DIV.slide" + pos).bind("click", { slideNr: ""+i+"" }, function(event){
			//alert("switchToSlide:"+event.data.slideNr);
    		switchToSlide(event.data.slideNr);
		});
		
		
	}
	
}

function switchToSlide(i) {
	
	pos = this.slides.size()-this.lastSlideNr;
	//alert("remove actual from pos="+pos+"   actual="+this.slideNr);
	$("DIV.slide1").removeClass("actual1");
	$("DIV.slide2").removeClass("actual2");
	$("DIV.slide3").removeClass("actual3");
	$("DIV.slide4").removeClass("actual4");
	this.lastSlideNr = this.slideNr;
	
	if(i>=this.slides.size()) {i=0;}
	if(i<0) {i=this.slides.size()-1;}
	
	this.slideNr = i;
	pos = this.slides.size()-this.slideNr;
	
	// altes bild in vordergrund einblenden (is auch momentan noch im hintergrund
	
	$("DIV.scss_main IMG").eq(this.lastSlideNr).css("opacity","1");
	$("DIV.scss_main IMG").eq(this.lastSlideNr).css("moz-opacity","1");
	$("DIV.scss_main IMG").eq(this.lastSlideNr).css("filter","alpha(opacity=100)");
	
	
	// neues bild als hintergrundbild machen
	this.scss.css("background-image", "url("+this.slides[this.slideNr].src+")");
	
	// animation vom bild (im vordergrund) auf unsichtbar (gefaded)
	$("DIV.scss_main IMG").eq(this.lastSlideNr).animate({opacity:'0'},2000,function() {});
    						
	
	
	$("DIV.slide"+pos+"").addClass("actual"+pos);
	
}


function switchToNextSlide() {
	next = this.slideNr+1;
	if(next>=this.slides.size()) {next = 0;}
	switchToSlide(next);
	this.switched = true;
}
function switchToLastSlide() {
	last = this.slideNr-1;
	if(last<0) {last = this.slides.size()-1;}
	switchToSlide(last);
	this.switched = true;
}

function backgroundSlide() {
	
	if(this.switched == false) {
		next = this.slideNr+1;
		if(next>=this.slides.size()) {next = 0;}
		switchToSlide(next);
	}	
    this.switched = false;
    var st = setTimeout("backgroundSlide()", 10000);
}