// PROMO SETUP

var timeBetweenSlides = 10000;

// ====


var ActualPromo = 1;
var SwitchID = 0;

$(document).ready(function() { // activates the promo slider
	
	if (document.getElementById("HomepagePromo") != null) {
			showPromo();
	}
	
});


// start positions for promo thumbnails - now are setted to be ousite of its container in the right side

function setPositions(PromoNr) { 

	xMiddle = parseInt(document.body.clientWidth/2);
	wypos = parseInt(document.getElementById("Header").offsetTop);

	document.getElementById('LargeThumbnail'+PromoNr).style.left = 950+'px';
	document.getElementById('LargeThumbnail'+PromoNr).style.top = 25+'px';		
	

}

function switchPromo(PromoNr) {

	if (PromoNr != ActualPromo) {

	// if somebody clicks very fast on promo buttons the queue is cleared first
	$('#PromoInfo'+ActualPromo).clearQueue();
	$('#LargeThumbnail'+ActualPromo).clearQueue();
	clearTimeout(SwitchID);
	
	// here starts the transition between slides
	hidePromo(ActualPromo);
	$('#PButton'+ActualPromo).removeClass('PromoButton_on').addClass('PromoButton');
	ActualPromo = PromoNr;
	$('#PButton'+ActualPromo).removeClass('PromoButton').addClass('PromoButton_on');
	showPromo(PromoNr);
	
	}
	
}

function show(id) {
	document.getElementById(id).style.visibility = "visible";
}
function hide(id) {
	document.getElementById(id).style.visibility = "hidden";
}

  
function nextPromo() {
	
	// if somebody clicks very fast on promo buttons the queue is cleared first
	$('#PromoInfo'+ActualPromo).clearQueue();
	$('#MediumThumbnail'+ActualPromo).clearQueue();
	$('#BigThumbnail'+ActualPromo).clearQueue();
	clearTimeout(SwitchID);
	
	// here starts the transition between slides
	if(ActualPromo < 4)
	{
		hidePromo(ActualPromo);
		$('#PButton'+ActualPromo).removeClass('PromoButton_on').addClass('PromoButton');
		ActualPromo++;
		$('#PButton'+ActualPromo).removeClass('PromoButton').addClass('PromoButton_on');
		showPromo(ActualPromo);
	}
	
	else
	{
		hidePromo(ActualPromo);
		$('#PButton'+ActualPromo).removeClass('PromoButton_on').addClass('PromoButton');
		ActualPromo=1;
		$('#PButton'+ActualPromo).removeClass('PromoButton').addClass('PromoButton_on');
		showPromo(ActualPromo);
	}
}

function prevPromo() {

	
	// if somebody clicks very fast on promo buttons the queue is cleared first
	$('#PromoInfo'+ActualPromo).clearQueue();
	$('#MediumThumbnail'+ActualPromo).clearQueue();
	$('#BigThumbnail'+ActualPromo).clearQueue();
	clearTimeout(SwitchID);
	
	// here starts the transition between slides
	if(ActualPromo > 1)
	{
		hidePromo(ActualPromo);
		$('#PButton'+ActualPromo).removeClass('PromoButton_on').addClass('PromoButton');
		ActualPromo--;
		$('#PButton'+ActualPromo).removeClass('PromoButton').addClass('PromoButton_on');
		showPromo(ActualPromo);
	}
	
	else
	{
		hidePromo(ActualPromo);
		$('#PButton'+ActualPromo).removeClass('PromoButton_on').addClass('PromoButton');
		ActualPromo=4;
		$('#PButton'+ActualPromo).removeClass('PromoButton').addClass('PromoButton_on');
		showPromo(ActualPromo);
	}
}


function showPromo(PromoNr) {
	

	if (!PromoNr) {
		PromoNr = ActualPromo;
	}
	
	setPositions(PromoNr);
	
	$('#LargeThumbnail'+PromoNr).delay(600);
	$('#LargeThumbnail'+PromoNr).show(0);	
		
	$('#PromoInfo'+ActualPromo).delay(900);
	$('#PromoInfo'+ActualPromo).fadeIn(500); // change this to animate the showing of promo text in another style

  $('#LTC'+ActualPromo).show(0);   
  $('#LTC'+ActualPromo).fadeIn(0);   
  
   
	$('#LargeThumbnail'+PromoNr).animate( { left: '-=450' }, 1000); // change this to animate the hiding of smaller thumbnail in another style

    
	PromoNr = ActualPromo+1;

	if (document.getElementById('PButton'+PromoNr) == null) {
		PromoNr = 1;
	}
		
	SwitchID = setTimeout("switchPromo("+PromoNr+")", timeBetweenSlides);    

}

function hidePromo(PromoNr) {
	
	if (!PromoNr) {
		PromoNr = ActualPromo;
	}
	
	xMiddle = parseInt(document.body.clientWidth/2);
	
	$('#PromoInfo'+ActualPromo).delay(600);
	$('#PromoInfo'+ActualPromo).fadeOut(500); // change this to animate the hiding of promo text in another style
 
	$('#LargeThumbnail'+PromoNr).animate({ left: '+=450'}, 300); // change this to animate the hiding of smaller thumbnail in another style

	$('#LTC'+ActualPromo).delay(600);
  $('#LTC'+ActualPromo).fadeOut(0)

	$('#LargeThumbnail'+PromoNr).hide(0);	
   
}