// Variabels for Slider in the middle

/* duration of all animation */
var animation_duration = 150;



// Variables for changing Moodimages

//total number of imgages to be changed 
var mood_image_length = 0;
//actual showed mood image
var actual_mood_image = 0;
var actual_project_image = 0;
//old showed mood image
var old_mood_image = 0;
var old_project_image = 0;
// duration of Loop
var duration_of_loop = 3500;
// duraation of fade_in when a click is done
var fadein_duration_click = 500;
//Period which it takes to slide in new Image
var fadein_duration = 1600;
//true if change should be performed 
var do_moodarea_image_change = false;
//true if UserAgent is a mobile Browser (iPad, iPhone)
var slideToDo = 1;


var browser_is_ipad = false;
var browser_is_iphone = false;
var browser_is_ie_6_or_7 = false;
var first_call = true;
var google_account;



//init function 
$(document).ready(function() {

	init_redirect();
	//if ($(window).width() <= 1024 && $("#wasredirected").val() == 1) {
	if ($("#wasredirected").val() == 1) {
		$("body").prepend("<div class='divwasredirected'>" +
				"			<div class='innerdivwasredirected'>" +
				"				<span>Sie wurden automatisch auf die für die Bildschirmauflösung 1024 x 768 optimierte Website-Version weitergeleitet. " +
				"					<a href='http://www.gpm.de/startseite/?wasredirected=2'>" +
				"						Zur klassischen Ansicht wechseln..." +
				"					</a>" +
				"				</span>" +
				"				<span class='innerdivwasredirected_close'>" +
				"				<a onclick='set_ajaxcloseredirect();'>" +
				"					schliessen " +
				"					<img title='schliessen' src='/fileadmin/images/bg_redirect_close.png'>" +
				"				</a>" +
				"			<div class='clearAll'>" +
				"			</div>" +
				"			</div>");
	}
	
	// function for changing moodimages
	init_change_moodarea_image();
	init_change_project_image();

	wrapbuttons();
	generateDivChanger();

	$("#contentLayer .DivChanger").click(function(){
		if ((parseInt($(this).html())-1) != actual_mood_image) {
			old_mood_image = actual_mood_image;
			actual_mood_image = (parseInt($(this).html())-1);
			$("#contentLayer div.startpage_tab:eq(" + actual_mood_image + ")").fadeIn(fadein_duration_click, function() {
				if (slideToDo == 1) {
					slideToDo = 0;
					$("#contentLayer div.startpage_tab:eq(" + actual_mood_image + ") .blueSliderLabelMoveabel").animate({"left" : "0px"}).removeClass("closedBlueSlider");
					$("#contentLayer div.startpage_tab:eq(" + actual_mood_image + ") .blueSliderLabelMoveabel .closedBlueSlider").removeClass("closedBlueSlider").addClass("extendedBlueSlider").delay(2500).queue(function() {
						$("#contentLayer div.startpage_tab:eq(" + actual_mood_image + ") .blueSliderLabelMoveabel").animate({"left" : "196px"}).addClass("closedBlueSlider");
						$("#contentLayer div.startpage_tab:eq(" + actual_mood_image + ") .blueSliderLabelMoveabel .extendedBlueSlider").removeClass("extendedBlueSlider").addClass("closedBlueSlider");	
					});	
					set_ajaxslidetodo();
				}
			});
			$("#contentLayer div.startpage_tab:eq(" + old_mood_image + ")").fadeOut(fadein_duration_click);
			$(".activeDivChanger").removeClass("activeDivChanger").addClass("DivChanger");
			$(this).removeClass("DivChanger").addClass("activeDivChanger");
		}
	});
	$(".projektDetail .ProjectChanger").click(function(){
		if ((parseInt($(this).html())-1) != actual_project_image) {
			old_project_image = actual_project_image;
			actual_project_image = (parseInt($(this).html())-1);
			$(".projektDetail div.projektDetailTab:eq(" + actual_project_image + ")").fadeIn(fadein_duration_click, function() {
				if (slideToDo == 1) {
					slideToDo = 0;
					$(".projektDetail div.projektDetailTab:eq(" + actual_project_image + ") .blueSliderLabelMoveabel").animate({"left" : "0px"}).removeClass("closedBlueSlider");				
					$(".projektDetail div.projektDetailTab:eq(" + actual_project_image + ") .blueSliderLabelMoveabel .closedBlueSlider").removeClass("closedBlueSlider").addClass("extendedBlueSlider").delay(2500).queue(function() {
						$(".projektDetail div.projektDetailTab:eq(" + actual_project_image + ") .blueSliderLabelMoveabel").animate({"left" : "196px"}).addClass("closedBlueSlider");
						$(".projektDetail div.projektDetailTab:eq(" + actual_project_image + ") .blueSliderLabelMoveabel .closedBlueSlider").removeClass("extendedBlueSlider").addClass("closedBlueSlider");	
					});	
					set_ajaxslidetodo();
				}
			});
			$(".projektDetail div.projektDetailTab:eq(" + old_project_image + ")").fadeOut(fadein_duration_click);
			$(".activeProjectChanger").removeClass("activeProjectChanger").addClass("ProjectChanger");
			$(this).removeClass("ProjectChanger").addClass("activeProjectChanger")
		}
	});
	$(".DivChanger:first").removeClass("DivChanger").addClass("activeDivChanger");
	$(".ProjectChanger:first").removeClass("ProjectChanger").addClass("activeProjectChanger");

	$(".blueSliderLabel").click(function() {
		if ($(this).parent(".blueSliderLabelMoveabel").hasClass("closedBlueSlider")) {
			$(this).parent(".blueSliderLabelMoveabel").animate({"left" : "0px"}).removeClass("closedBlueSlider");
			$(this).removeClass("closedBlueSlider").addClass("extendedBlueSlider");
		}
		else {
			$(this).parent(".blueSliderLabelMoveabel").animate({"left" : "196px"}).addClass("closedBlueSlider");
			$(this).removeClass("extendedBlueSlider").addClass("closedBlueSlider");	
		}
	});
	
	$("#tx-indexedsearch-searchbox-sword").attr("autocomplete","off");
	$(".browsebox:first").hide();
	
	// Suchergebnisse mit Bildern:
	var countSearchResults = jQuery(".tx-indexedsearch-percent").length;
	for ( var i = 0; i < countSearchResults; i++ ) {
		var percentHtml = jQuery(".tx-indexedsearch-percent").get(i).innerHTML;
		percentHtml = percentHtml.replace(/%/, ""); // %-Zeichen loeschen

		if ( percentHtml > 75 )
			jQuery(".tx-indexedsearch-percent").get(i).innerHTML = '<img src="/fileadmin/images/relevanz_100.jpg" alt="100%" width="151" height="8" />';
		else if ( percentHtml > 50 )
			jQuery(".tx-indexedsearch-percent").get(i).innerHTML = '<img src="/fileadmin/images/relevanz_75.jpg" alt="75%" width="151" height="8" />';
		else if ( percentHtml > 25 )
			jQuery(".tx-indexedsearch-percent").get(i).innerHTML = '<img src="/fileadmin/images/relevanz_50.jpg" alt="50%" width="151" height="8" />';
		else
			jQuery(".tx-indexedsearch-percent").get(i).innerHTML = '<img src="/fileadmin/images/relevanz_25.jpg" alt="25%" width="151" height="8" />';
	}
	
	if ( jQuery(".is_error").html() == '&nbsp;' ) {
		jQuery(".is_error").remove();
	}

	$('ul.browsebox li').each(function() {
		$(this).wrapInner('<div class="parent_more_link"> </div>');
	});
	$('ul.browsebox div.parent_more_link a').each(function(){
		if ($(this).html() == "firstresult" || $(this).html() == "lastresult") {
			$(this).parent("div.parent_more_link").remove();
		}
	});
	
	slideToDo = $("#blueSlidingOverlayHandling").val();
	
	if ($(".blueSliderLabelMoveabel:first .closedBlueSlider").is(":visible") && slideToDo ==1) {
		setTimeout(function(){	
			slideToDo = 0;
			$(".blueSliderLabelMoveabel:first").animate({"left" : "0px"}).removeClass("closedBlueSlider");
			$(".blueSliderLabelMoveabel:first .closedBlueSlider").removeClass("closedBlueSlider").addClass("extendedBlueSlider").delay(2500).queue(function() {
				$(".blueSliderLabelMoveabel:first").animate({"left" : "196px"}).addClass("closedBlueSlider");
				$(".blueSliderLabelMoveabel:first .closedBlueSlider").removeClass("extendedBlueSlider").addClass("closedBlueSlider");	
			});		
		},duration_of_loop/2);
		set_ajaxslidetodo();
	}
});


/**
* function to change the background positon of the team img except one element
*
* @param id of element to execpt
* @return none
**/
function change_team_bg_position_except(element_id){
	var i = 0;
	$('div.person_img').each(function(){
		if($(this).attr('id') != element_id){
			var _left = '-'+(i * 197)+'px'; 
			$(this).css('background-position',_left+' -338px');
		}
		i ++;
	}); 
	$('div.team_description p span').each(function(){
		if($(this).attr('class') == element_id){
			$(this).css('color','#007FC3');
		}
	});
}


/**
* function st the background positon of the team imgs
*
* @param none
* @return none
**/
function set_bg_position(){
	var i = 0;
	$('div.person_img').each(function(){
		var _left = '-'+(i * 197)+'px';
		$(this).css('background-position',_left+' -10px');
		i ++;
	});
	$('div.team_description p span').each(function(){
		$(this).css('color','#666666');
	}); 
}



/*
 * MOODAREA
 * 
 * Image Change effect
 * 
 */

/* Init-function
 * called when page is loaded
 */
function init_change_moodarea_image()
{
	// set total number of images to be slided
	mood_image_length =  ($("#contentLayer div.startpage_tab").length);	
	
	if (mood_image_length > 1)
	{		
		old_mood_image = old_mood_image-1;
		$("#contentLayer div.startpage_tab:first").css({"display" : "block"});
		$(".DivChanger:first").removeClass("DivChanger").addClass("activeDivChanger");
	}
	else
	{
		do_moodarea_image_change = false;
	}
}




function change_moodarea_image()
{	
	if (do_moodarea_image_change)
	{
	
		// checks which images is next
		//if it is last image set it to first, otherwise set it plus one (++)
		if (actual_mood_image == mood_image_length-1)
		{
			actual_mood_image = 0;
		}
		else 
		{
			actual_mood_image++;
		}
		
		if (old_mood_image == mood_image_length-1)
		{
			old_mood_image = 0;
		}
		else 
		{
			old_mood_image++;
		}


		// set image to faded in to front an set opacity to 0.0
		// fade in actual image in front 
		$("#contentLayer div.startpage_tab:eq(" + actual_mood_image + ")").fadeIn(fadein_duration);
		$("#contentLayer div.startpage_tab:eq(" + old_mood_image + ")").fadeOut(fadein_duration);
		
		// hover of small box right side is switched, when new item is faded in 50%
		setTimeout(function(){		
			//moodarea_img_changer_set_active(actual_mood_image);			
		},fadein_duration/2);
	}	
}


function change_moodarea_image_onclick(clicked_moodarea_image)
{

		do_moodarea_image_change = false;	
		$("#container_moodarea_image div.moodimage:animated").stop();
		
		
		// clones the clicked image an fades it in
		$("#container_moodarea_image div.moodimage:eq(" + clicked_moodarea_image + ")")
									.clone()
									.css({"display": "none", "z-index": "33"})
									.appendTo("#container_moodarea_image")
									.fadeIn(fadein_duration_click, function(){
			
			// after cloned image is fully visible, all other images are et to background
			$("#container_moodarea_image div.moodimage").each(function(){
				
				if ($(this).css("z-index") == "31")
				{
					$(this).css({"z-index" : "30"});
				}
				else if ($(this).css("z-index") == "32")
				{
					$(this).css({"z-index" : "31"});
				}
			});
			
			// image wihich was cloned is set to visible and z-index is behind cloned item
			$("#container_moodarea_image div.moodimage:eq(" + clicked_moodarea_image + ")").css({"display": "block", "z-index":"32", "opacity" : "1.0"});
			// cloned image will be removed, image, which was cloned is now actual
			$("#container_moodarea_image div.moodimage:last").remove();		
		});
		
		// hover of small box right side is switched, when cloned item is faded in 50%
		setTimeout(function(){	
			moodarea_img_changer_set_active(clicked_moodarea_image);	
			actual_mood_image = clicked_moodarea_image;
		},fadein_duration_click/2);	
	
	
	setTimeout(function (){do_moodarea_image_change = true;}, duration_of_loop);
}

function moodarea_img_changer_set_active(active_moodarea_image)
{
	$("div.moodarea_img_changer_element").css({"display" : "block"});
	$("div.moodarea_img_changer_element_hover").css({"display" : "none"});
	$("div.moodarea_img_changer_element_parent:eq(" + active_moodarea_image + ")").children("div.moodarea_img_changer_element").css({"display" : "none"});
	$("div.moodarea_img_changer_element_parent:eq(" + active_moodarea_image + ")").children("div.moodarea_img_changer_element_hover").css({"display" : "block"});
}


function init_change_project_image()
{
	// set total number of images to be slided
	mood_project_length =  ($(".projektDetail div.projektDetailTab").length);	
	if (mood_project_length > 1)
	{		
		old_project_image = old_project_image-1;
		$(".projektDetail div.projektDetailTab:first").css({"display" : "block"});
		$(".ProjectChanger:first").removeClass("ProjectChanger").addClass("activeProjectChanger");
	}
	else
	{
		do_moodarea_image_change = false;
		$(".projektDetail div.projektDetailTab:first").css({"display" : "block"});
		$(".ProjectChanger:first").removeClass("ProjectChanger").addClass("activeProjectChanger");
		$(".ProjectChangerContainer").css("display","none");
	}
}


function wrapbuttons() {
	$("a.linkBtnMore").each(function() {
		var text = $(this).html();
		$(this).wrap("<span class=\"linkBtnMoreContainer\"></span>");
		$(this).html("<span class=\"linkBtnMoreFirst\"></span><span class=\"linkBtnMoreSecond\">" + text + "</span><span class=\"linkBtnMoreThird\"></span>");
	});
	$("a.linkBtnMoreGray").each(function() {
		var text = $(this).html();
		$(this).wrap("<span class=\"linkBtnMoreGrayContainer\"></span>");
		$(this).html("<span class=\"linkBtnMoreGrayFirst\"></span><span class=\"linkBtnMoreGraySecond\">" + text + "</span><span class=\"linkBtnMoreGrayThird\"></span>");

	});
	$("a.linkBtnSubmit").each(function() {
		var text = $(this).html();
		$(this).wrap("<span class=\"linkBtnSubmitContainer\"></span>");
		$(this).html("<span class=\"linkBtnSubmitFirst\"></span><span class=\"linkBtnSubmitSecond\">" + text + "</span><span class=\"linkBtnSubmitThird\"></span>");

	});
	$("a.linkBtnBack").each(function() {	
		var text = $(this).html();
		$(this).wrap("<span class=\"linkBtnBackContainer\"></span>");
		$(this).html("<span class=\"linkBtnBackFirst\"></span><span class=\"linkBtnBackSecond\">" + text + "</span><span class=\"linkBtnBackThird\"></span>");
	});
}

function generateDivChanger() {
	var changer = '';
	var i = 1;
	var zindex = 140;
	$("#contentLayer .startpage_tab").each(function(){
		
		changer += "<span class=\"DivChanger\" style=\"z-index:" + zindex + "\">" + i + "</span>";
		i++;
		zindex--;
	});
	$("#contentLayer").prepend("<div class=\"DivChangerContainer\">" + changer + "</div>");
	
	mood_project_length =  ($(".projektDetail div.projektDetailTab").length);	
	if (mood_project_length > 1) {
		// For ProjektPage
		var changer = '';
		var i = 1;
		var zindex = 140;
		$(".projektDetail .projektDetailTab").each(function(){		
			changer += "<span class=\"ProjectChanger\" style=\"z-index:" + zindex + "\">" + i + "</span>";
			i++;
			zindex--;
		});
		$(".projektDetail").prepend("<div class=\"ProjectChangerContainer\">" + changer + "</div>");
	}
}

function HoverPhil(DivNr) {
	hidePhil();
	switch (DivNr) {
	case 1:
		$(".philosophiTabTech").fadeIn(50);
		$(".philosophiTab").css({"background-image":"url(/fileadmin/images/philosophie_1.jpg)"});
		break;
	case 2:
		$(".philosophiTabKomm").fadeIn(50);
		$(".philosophiTab").css({"background-image":"url(/fileadmin/images/philosophie_2.jpg)"});
		break;
	case 3:
		$(".philosophiTabDesign").fadeIn(50);
		$(".philosophiTab").css({"background-image":"url(/fileadmin/images/philosophie_3.jpg)"});
		break;
	case 4:
		$(".philosophiTabCenter").fadeIn(50);
		$(".philosophiTab").css({"background-image":"url(/fileadmin/images/philosophie_4.jpg)"});
		break;
	}
}

function hidePhil() {
	$(".philosophiTabTech").hide();
	$(".philosophiTabKomm").hide();
	$(".philosophiTabDesign").hide();
	$(".philosophiTabCenter").hide();
}

function HoverVorgehen(DivNr) {
	$(".vorgehenTabcols1").stop();
	$(".vorgehenTabImg").stop();
	hideVorgehen();
	switch (DivNr) {
	case 1:
		$(".vorgehenTabcols1").show();
		$(".vorgehenTabImg").css({"background-position":"0px 0px"});
		break;
	case 2:
		$(".vorgehenTabcols2").show();
		$(".vorgehenTabImg").css({"background-position":"0px -99px"});
		break;
	case 3:
		$(".vorgehenTabcols3").show();
		$(".vorgehenTabImg").css({"background-position":"0px -199px"});
		break;
	case 4:
		$(".vorgehenTabcols4").show();
		$(".vorgehenTabImg").css({"background-position":"0px -300px"});
		break;
	case 5:
		$(".vorgehenTabcols5").show();
		$(".vorgehenTabImg").css({"background-position":"0px -400px"});
		break;
	}
}

function hideVorgehen() {
	$(".vorgehenTabcols1").hide();
	$(".vorgehenTabcols2").hide();
	$(".vorgehenTabcols3").hide();
	$(".vorgehenTabcols4").hide();
	$(".vorgehenTabcols5").hide();
}

function sumbitForm(formname) {

	$('#' + formname + ' form').submit();
}

function hoverUpload() {
	$(".linkBtnUploadContainer").addClass("linkBtnUploadContainerHover").removeClass("linkBtnUploadContainer")
}

function unhoverUpload() {
	$(".linkBtnUploadContainerHover").addClass("linkBtnUploadContainer").removeClass("linkBtnUploadContainerHover");
}

function init_redirect() {
	// return; // temp. disabled
	//alert('ismobile '+$("#ismobile").val());
	if ($("#ismobile").val() == "0" ) {
		var agent = navigator.userAgent.toLowerCase(); 
		if ((agent.match(/mobile/) && agent.match(/safari/) && agent.match(/iphone/) || (agent.match(/android/))) && (document.URL != "http://www.gpm.de/?nomobile=1")) {
			//alert(document.URL);
			self.location.href='http://iphone.gpm.de/';
			return true;
		}

		/*var redirectUrl = "http://small.gpm.de";
		var actUrl = $("#ismobileurl").val();

		//if ($(window).width() <= 1024 && $("#wasredirected").val() == 0) {
		if (agent.match(/iPad/i) && $("#wasredirected").val() == 0) {
		switch (actUrl) {
			case "/": 
			case "/startseite/": 
				self.location.href=redirectUrl+'/agentur/?wasredirected=1';
		        break;		 
		    case "/kompetenzen/": 
		    	self.location.href=redirectUrl+'/kompetenzen/?wasredirected=1';
		        break;			    
		    case "/referenzen/": 
		    	self.location.href=redirectUrl+'/referenzen/?wasredirected=1';
		        break;	
		    case "/kontakt/": 
		    	self.location.href=redirectUrl+'/kontakt/?wasredirected=1';
		        break;	
		    case "/datenschutz/": 
		    	self.location.href=redirectUrl+'/datenschutz/?wasredirected=1';
		        break;
		    case "/impressum/": 
		    	self.location.href=redirectUrl+'/impressum/?wasredirected=1';
		        break;
		    case "/newsletter/": 
		    	self.location.href=redirectUrl+'/newsletter/?wasredirected=1';
		        break;
		  }
		}*/		
	}
	return true;
}

function set_ajaxslidetodo () {
	$.ajax({
		url: '/ajax/?type=4722',
		data: 'blueSlidingOverlayHandling=0',
		success: function(result) {
			//alert("/ajax/?type=4722"+result);
		}
	});
}

function set_ajaxcloseredirect () {
	$(".divwasredirected").slideUp(100, function(){
		$(this).remove();
	});
	$.ajax({
		url: '/ajax/?type=4711',
		data: 'wasredirected=2',
		success: function(result) {
			//alert("/ajax/?type=4711"+result);
		}
	});
}