var currentSlide = 0;
var rotateBool = true;
var cycleStarted = true;

function startSlider()
{	
	var i = 0;
	
	var currentLink = '';
	var coord = 0;
	var coordsArray = new Array();
	var x = '';
	var y = '';
	var bild = '';
	
	
	//INIT
	$("#posts .csc-default").append('<div id="teaser_navi"><a href="#1" title="slide 1" class="fst">01</a><a href="#2" title="slide 2" class="snd">02</a><a href="#3" title="slide 3" class="trd">03</a></div>');
	$('#posts .csc-textpic-imagewrap').children().each(function() {    
    		$(this).css("left",-i*680);
    		if(i>2)$(this).addClass('hover link'+i);
    		else $(this).addClass("pic"+i);
    		i++;
		});
	$('#posts .csc-default .csc-textpic-caption').hide();
	$('#posts .csc-default div.hover').hide();
	$('#posts .csc-default .csc-textpic-center').wrap('<a class="csc-textpic-center" href="#" />');
	
	
	currentLink = $('#posts .csc-default .pic'+(currentSlide)).find('.csc-textpic-caption').html();
	
	
	$('#posts #c15, #posts #c264').append('<a href="'+currentLink+'" title="'+currentLink+'" id="linka"></a>');
	bild = $('#posts .csc-default .link'+(currentSlide+3)).find('div img').attr('src');
	$('#linka').css('background','url("'+bild+'") no-repeat scroll 0px 0px transparent');
	
	//ACTION
	$('#posts .csc-default .csc-textpic-center, #linka').mouseover(function() {
		rotateBool = false;
		coord = $('#posts .csc-default .pic'+(currentSlide)).find('img').attr('alt');
		currentLink = $('#posts .csc-default .pic'+(currentSlide)).find('.csc-textpic-caption').html();
		coordsArray = coord.split(' ');
		
		x = (parseInt(coordsArray[0].replace('x',''))-4)+'px';
		y = (parseInt(coordsArray[1].replace('y',''))+35)+'px';
		$('#linka').fadeTo(10, 1);
		$('#linka').attr('href',currentLink);
		$('#linka').css('margin-left', x);
		$('#linka').css('margin-top', '-'+y);
		$('#linka').css('display', 'block');
		   // margin-left: 21px;
   // margin-top: -168px;
		
		//bild = $('#posts .csc-default .link'+(currentSlide+3)).find('div').html();
		
		
		/*$('#posts .csc-default .csc-textpic-imagewrap').append(bild);
		$('#posts .csc-default .csc-textpic-imagewrap img:last').wrap('<a href="'+currentLink+'" title="'+currentLink+'" class="rollOverImageLink"></a>');
		$('#posts .csc-default .csc-textpic-imagewrap img:last').addClass("rollOverImage");
		
		$('#posts .csc-default .rollOverImage').css('position','absolute');
		$('#posts .csc-default .rollOverImage').css('top', y);
		$('#posts .csc-default .rollOverImage').css('left', x);*/

	});
	
	$('#posts .csc-default .csc-textpic-imagerow').mouseout(function() {
		/*$('#posts .csc-default .csc-textpic-imagewrap .rollOverImage').fadeTo(10, 0, function() {
      		$(this).remove();
      		
    	});*/
    	$('#linka').fadeTo(10, 0);
		if(cycleStarted){
			window.setTimeout(function(){startNewRotateCycle();},8000);
			cycleStarted = false;
			}
	});
	
	$('#posts .csc-default .csc-textpic-center').click(function() {
		window.location.replace(currentLink);
		return false;
    });
    
    
	
	$('#teaser_navi a').click(function() {
	
	var zahl = $(this).attr('href').replace(/#/g, "")-1;
		$('#posts .csc-textpic-imagewrap').children().each(function() {    
    		if(!$(this).hasClass('pic'+zahl)){
    			if(!$(this).hasClass('hover'))$(this).fadeTo( 1000, 0 );
				
    		} else {
    			currentSlide = zahl;
    			$(this).fadeTo( 1000, 1 );
    		}
		});	
		$('#teaser_navi').children().each(function() {    
    		if($(this).attr('href') == '#'+(zahl+1)){
    			$(this).addClass("selected");
    		} else {
    			$(this).removeClass("selected");
    		}
		});
		return false;
		
	});
	
	$('#teaser_navi a[href|=#1]').click();
	
	
		
}

function startNewRotateCycle()
{
	rotateBool = true;
	rotate();
}


function rotate()
{	
	var cur = (currentSlide+2);
	if(cur == 4) cur = 1;
	if(rotateBool){
		$('#teaser_navi a[href=#'+cur+']').click();
		cycleStarted = true;
		window.setTimeout(function(){rotate();},8000); 
	} else {
		return false;
	}
}

$(document).ready(function()
{
	startSlider();
	
	window.setTimeout(function(){rotate();},8000); 
		
});