$(document).ready(function(){
	  //init
	  var NextDivToShow = 0;
	  var RecentDiv = 0;
	  var keyvisualpicturearray = inithomepagekeyvisualswitcher();
	  var ismouseOver = false;
	  var isFading = false;
	  
	  initOpacityForDifferentBrowsers();

	  $('#button_keyvisual_previous').mousedown(function() {if (!isFading) {
		  														displaynextkeyvisual('previous');
	  															}
			  												});
	  $('#button_keyvisual_next').mousedown(function() {if (!isFading) {
		  													displaynextkeyvisual('next');
															}
	  													});


	  $('#keyvisual').mouseover(function() {ismouseOver = true;});
	  $('#keyvisual').mouseout(function() {ismouseOver = false;});


	  function initOpacityForDifferentBrowsers(){
			if($.browser.msie){
				 for( var element=0; element<keyvisualpicturearray.length; element++ ) {
					    if (element==0){
					    	//set first element in array to NOT transparent
					    	$("#keyvisual" + element).css('filter','alpha(opacity=100)');
					    }
					    else{
					    	$("#keyvisual" + element).css('filter','alpha(opacity=0)');
					    }
				  }
			}
			else{
				 for( var element=0; element<keyvisualpicturearray.length; element++ ) {
					    if (element==0){
					    	//set first element in array to NOT transparent
					    	$("#keyvisual" + element).css('opacity',1);
					    }
					    else{
					    	$("#keyvisual" + element).css('opacity',0);
					    }
				  }
			}
	  }

	  function displaynextkeyvisual(direction){
			isFading = true;		  
			//no array of pics to cycle trough
			if (keyvisualpicturearray.length == 1){
				return false;
			}

			if (direction == 'next'){
				//set next elem to display and cycle elem
				if (NextDivToShow < keyvisualpicturearray.length - 1){
					RecentDiv = NextDivToShow;
					NextDivToShow++;
				}
				else{
					NextDivToShow = 0;
					RecentDiv = keyvisualpicturearray.length - 1;
				}
			}
			else if (direction == 'previous'){
				//set previous elem to display and cycle elem
				if (NextDivToShow > 0){
					RecentDiv = NextDivToShow;
					NextDivToShow--;
				}
				else{
					RecentDiv = 0;
					NextDivToShow = keyvisualpicturearray.length - 1;
				}
			}

			//get elements
			$div_recent = $("#keyvisual" + RecentDiv);
			$div_next = $("#keyvisual" + NextDivToShow);

			$div_recent.fadeTo(1000, 0 );
			$div_next.fadeTo(1000, 1, function () {isFading = false;});
			$div_recent.css('z-index', 0);
			$div_next.css('z-index', 1);

			//continue autoslide with diffrent timetodisplay
	  		clearInterval(interval);
				  		
	  		interval = setInterval(function() {
		  			if (!ismouseOver ){
		  				displaynextkeyvisual('next');
		  			}
		  			}, keyvisualpicturearray[NextDivToShow]);
	  }

	  //start autoslide
	  var interval = setInterval(function(){
	  		if (!ismouseOver ){
	  			displaynextkeyvisual('next');
	  		}
	  	}, keyvisualpicturearray[RecentDiv]);
	});