$(document).ready(function(){
	
	var IE7 = ($.browser.msie && $.browser.version.slice(0,1) == "7");

  // when the startsite-page is loaded
	var zIndexNumber = 95;
	$('.tx-npstartsitetemplates-pi1').css('z-index','100');
	$('.tx-npstartsitetemplates-pi1 div').each(function() {
		$(this).css('zIndex', zIndexNumber);
		zIndexNumber -= 5;
	});
	$('.template_link').css('zIndex', '94');
	
  // set first container to visible and animate all elements
  var firstTabId = $(".st_startsite_content").first().attr('uid'); 
  $("#st_startsite_content_"+firstTabId).removeClass("st_cont_hidden");
  if(IE7){
	  $("#st_startsite_background_image_"+firstTabId).show();
	  $("#st_startsite_keyvisual_image_"+firstTabId).show();
	  $("#st_startsite_packshot_image_"+firstTabId).show();
	  $("#st_startsite_content_text_"+firstTabId).show();
  }else{
	  $("#st_startsite_background_image_"+firstTabId).show( 'slide', {direction: "down"}, 1800);
	  $("#st_startsite_keyvisual_image_"+firstTabId).fadeIn(2000);
	  $("#st_startsite_packshot_image_"+firstTabId).fadeIn(2000);
	  $("#st_startsite_content_text_"+firstTabId).fadeIn(2000);
  }
  $('#template_link_'+firstTabId).show(); // activate div for link on top of all


  var activeTab = "st_startsite_tabframe_image_"+firstTabId;
  $("#st_startsite_tabframe_image_"+firstTabId).attr("src", "uploads/tx_npstartsitetemplates/tabframe_active.png");
  
  // when someone clicks on one of the tabs
  $(".st_startsite_tabframe_image").click(function(event){
	var elId = event.currentTarget.id;									// id-property of clicked element
	var stIndex = elId.substr(elId.lastIndexOf("_")+1);					// last number of id is uid of startsitetemplate
	showTemplate(stIndex);												// call function to show template with index stIndex
	$(document).stopTime("templateLoop");								// stop the timer of template loop
	return false;
  });

  // when someone hovers a tabs
  $(".st_startsite_tabframe_image").mouseenter(function(event){
	  $(this).attr("src", "uploads/tx_npstartsitetemplates/tabframe_active.png");
	  return false;
  });

  $(".st_startsite_tabframe_image").mouseleave(function(event){
	  $(this).attr("src", "uploads/tx_npstartsitetemplates/tabframe_standard.png");
	  $("#"+activeTab).attr("src", "uploads/tx_npstartsitetemplates/tabframe_active.png");
	  return false;
  });

  var availableTabIds = new Array();
  $('.st_startsite_tab').each(function(){
  	availableTabIds.push($(this).attr('uid'));
  });
  
  // register timer for automatic change of startpage-tabs
  var numberOfTemplates = $("#st_tab_ul").children().length;
  var i = 0;
  if(numberOfTemplates > 1){
	  $(document).everyTime("9s", "templateLoop", function() {		// loop infinity every 8 seconds
			i++;
			var stIndex = availableTabIds[i];

			showTemplate(stIndex);							// call function to show template with index stIndex
			
			if(i == (availableTabIds.length-1)){
				i=-1;
			}
	  });
  }

  // register eventhandler for klicking on link-div
  $('.st_startsite_content').click(function(){
	  var linkurl = $(this).attr('linkurl');
	  $(location).attr('href', $(location).attr('protocol')+'//'+$(location).attr('hostname')+'/'+linkurl);
  });
  
  /**
   * Shows a Template by a given Index. 
   */
  function showTemplate(stIndex){
	$('.template_link').hide(); // deactivate div for link on top of all
	$(".st_startsite_tabframe_image").attr("src", "uploads/tx_npstartsitetemplates/tabframe_standard.png");				// change all tab-frames to dark-green (standard)
	$("#st_startsite_tabframe_image_"+stIndex).attr("src", "uploads/tx_npstartsitetemplates/tabframe_active.png");      // change active tab-frames to light-green (active)
	activeTab = "st_startsite_tabframe_image_"+stIndex;																	// set (global) var activeTab
	
	$(".st_startsite_content").addClass("st_cont_hidden");				// hide all containers
	$(".st_startsite_background_image").hide();							// hide all elements
	$(".st_startsite_keyvisual_image").hide();
	$(".st_startsite_packshot_image").hide();
	$(".st_startsite_content_text").hide();
	
	$("#st_startsite_content_"+stIndex).removeClass("st_cont_hidden");							// show container depending on the clicked tab
	  if(IE7){
		var slideDir = (stIndex==2)? "left" : "right";
		$("#st_startsite_background_image_"+stIndex).show(); 		// and animate all elements in it
		$("#st_startsite_keyvisual_image_"+stIndex).show();
		$("#st_startsite_packshot_image_"+stIndex).show();
		$("#st_startsite_content_text_"+stIndex).show();
	  }else{
		$("#st_startsite_background_image_"+stIndex).show( 'slide', {direction: "down"}, 1800); 		// and animate all elements in it
		$("#st_startsite_keyvisual_image_"+stIndex).fadeIn(2000);
		$("#st_startsite_packshot_image_"+stIndex).fadeIn(2000);
		$("#st_startsite_content_text_"+stIndex).fadeIn(2000);
	  }
	$('#template_link_'+stIndex).show(); // activate div for link on top of all
  }
  
});