function initialize() {
	initializeMenu();
	initializeKimJestesmy();
	
}

function initializeMenu() {
	submenu_element = document.getElementById("submenu");
	submenu_element.style.display = "none";
	submenu_element.onmouseover = function () {
		setTimeout("submenuOver = true;",500);
	}

	submenu_element.onmouseout = function () {
		if (submenuOver == true) {
			submenu_element = document.getElementById("submenu");
			submenu_element.style.display = "none";		
			submenuOver = false;		
		}
		
		
	}

	buttonMenuMoreElement = document.getElementById("button_menu_more");
	buttonMenuMoreElement.onclick = function () {
		submenu_element = document.getElementById("submenu");
		submenu_element.style.display = "block";
	}
}

function initializeKimJestesmy() {
	if (document.getElementById("visual_kim_jestesmy") != null) {
		zobacz_co_zespol_mowi_o_basi_button = document.getElementById("zobacz_co_zespol_mowi_o_basi");
		zobacz_co_mowi_o_sobie_basia_button = document.getElementById("zobacz_co_mowi_o_sobie_basia");

		basia_text_element = document.getElementById("basia_text");
		basia_text_alt_element = document.getElementById("basia_text_alt");

		pic_basia_element = document.getElementById("pic_basia");
		pic_basia_alt_element = document.getElementById("pic_basia_alt");

		zobacz_co_mowi_o_sobie_basia_button.style.display = "none";
		basia_text_alt_element.style.display = "none";
		pic_basia_alt_element.style.display = "none";
		
		zobacz_co_mowi_o_sobie_basia_button.onclick = function() {
			zobacz_co_mowi_o_sobie_basia_button.style.display = "none";
			zobacz_co_zespol_mowi_o_basi_button.style.display = "block";
			basia_text_alt_element.style.display = "none";
			basia_text_element.style.display = "block";
			pic_basia_element.style.display = "block";
			pic_basia_alt_element.style.display = "none";
		}

		zobacz_co_mowi_o_sobie_basia_button.onmouseover = function() {
			zobacz_co_mowi_o_sobie_basia_button.className = "button_white";
			zobacz_co_mowi_o_sobie_basia_button.style.cursor = "pointer";
		}
		
		zobacz_co_mowi_o_sobie_basia_button.onmouseout = function() {
			zobacz_co_mowi_o_sobie_basia_button.className = "button_teal";
		}	



		zobacz_co_zespol_mowi_o_basi_button.onclick = function() {
			zobacz_co_mowi_o_sobie_basia_button.style.display = "block";
			zobacz_co_zespol_mowi_o_basi_button.style.display = "none";
			basia_text_alt_element.style.display = "block";
			basia_text_element.style.display = "none";
			pic_basia_element.style.display = "none";
			pic_basia_alt_element.style.display = "block";
		}

		zobacz_co_zespol_mowi_o_basi_button.onmouseover = function() {
			zobacz_co_zespol_mowi_o_basi_button.className = "button_teal";
			zobacz_co_zespol_mowi_o_basi_button.style.cursor = "pointer";
		}
		
		zobacz_co_zespol_mowi_o_basi_button.onmouseout = function() {
			zobacz_co_zespol_mowi_o_basi_button.className = "button_white";
		}	
		
		$("#zobacz_co_mowi_o_sobie_iga").hide();
		$("#pic_iga_alt").hide();
		$("#iga_text_alt").hide();
		
		$("#zobacz_co_mowi_o_sobie_iga").click(
				function() {
					$("#zobacz_co_zespol_mowi_o_idze").show();
					$("#pic_iga").show();
					$("#iga_text").show();
					$("#zobacz_co_mowi_o_sobie_iga").hide();
					$("#pic_iga_alt").hide();
					$("#iga_text_alt").hide();
				}
		).hover(
					function() {
						$("#zobacz_co_mowi_o_sobie_iga").removeClass().addClass("button_teal");
					},
					function() {
						$("#zobacz_co_mowi_o_sobie_iga").removeClass().addClass("button_white");
					}
		);
		

		$("#zobacz_co_zespol_mowi_o_idze").click(
			function() {
				$("#zobacz_co_zespol_mowi_o_idze").hide();
				$("#pic_iga").hide();
				$("#iga_text").hide();
				$("#zobacz_co_mowi_o_sobie_iga").show();
				$("#pic_iga_alt").show();
				$("#iga_text_alt").show();
			}
		).hover(
				function() {
					$("#zobacz_co_zespol_mowi_o_idze").removeClass().addClass("button_teal");
				},
				function() {
					$("#zobacz_co_zespol_mowi_o_idze").removeClass().addClass("button_white");
				}
		);

		
		
		zobacz_co_zespol_mowi_o_ewie_button = document.getElementById("zobacz_co_zespol_mowi_o_ewie");
		zobacz_co_mowi_o_sobie_ewa_button = document.getElementById("zobacz_co_mowi_o_sobie_ewa");
		
		pic_ewa_element = document.getElementById("pic_ewa");
		pic_ewa_alt_element = document.getElementById("pic_ewa_alt");
		
		ewa_text_element = document.getElementById("ewa_text");
		ewa_text_alt_element = document.getElementById("ewa_text_alt");

		zobacz_co_mowi_o_sobie_ewa_button.style.display = "none";
		ewa_text_alt_element.style.display = "none";
		pic_ewa_alt_element.style.display = "none";
		
		zobacz_co_mowi_o_sobie_ewa_button.onclick = function() {
			zobacz_co_mowi_o_sobie_ewa_button.style.display = "none";
			zobacz_co_zespol_mowi_o_ewie_button.style.display = "block";
			ewa_text_alt_element.style.display = "none";
			ewa_text_element.style.display = "block";
			pic_ewa_element.style.display = "block";
			pic_ewa_alt_element.style.display = "none";		
			
		}

		zobacz_co_mowi_o_sobie_ewa_button.onmouseover = function() {
			zobacz_co_mowi_o_sobie_ewa_button.className = "button_white";
			zobacz_co_mowi_o_sobie_ewa_button.style.cursor = "pointer";
		}
		
		zobacz_co_mowi_o_sobie_ewa_button.onmouseout = function() {
			zobacz_co_mowi_o_sobie_ewa_button.className = "button_teal";
		}	



		zobacz_co_zespol_mowi_o_ewie_button.onclick = function() {
			zobacz_co_mowi_o_sobie_ewa_button.style.display = "block";
			zobacz_co_zespol_mowi_o_ewie_button.style.display = "none";
			ewa_text_alt_element.style.display = "block";
			ewa_text_element.style.display = "none";		
			pic_ewa_element.style.display = "none";
			pic_ewa_alt_element.style.display = "block";		
		}

		zobacz_co_zespol_mowi_o_ewie_button.onmouseover = function() {
			zobacz_co_zespol_mowi_o_ewie_button.className = "button_teal";
			zobacz_co_zespol_mowi_o_ewie_button.style.cursor = "pointer";
		}
		
		zobacz_co_zespol_mowi_o_ewie_button.onmouseout = function() {
			zobacz_co_zespol_mowi_o_ewie_button.className = "button_white";
		}

		/*
		$("#zobacz_co_mowi_o_sobie_jarek").hide();
		$("#pic_jarek_alt").hide();
		$("#jarek_text_alt").hide();
		
		$("#zobacz_co_mowi_o_sobie_jarek").click(
				function() {
					$("#zobacz_co_zespol_mowi_o_jarku").show();
					$("#pic_jarek").show();
					$("#jarek_text").show();
					$("#zobacz_co_mowi_o_sobie_jarek").hide();
					$("#pic_jarek_alt").hide();
					$("#jarek_text_alt").hide();
				}
		).hover(
					function() {
						$("#zobacz_co_mowi_o_sobie_jarek").removeClass().addClass("button_teal");
					},
					function() {
						$("#zobacz_co_mowi_o_sobie_jarek").removeClass().addClass("button_white");
					}
		);
		$("#zobacz_co_zespol_mowi_o_jarku").click(
			function() {
				$("#zobacz_co_zespol_mowi_o_jarku").hide();
				$("#pic_jarek").hide();
				$("#jarek_text").hide();
				$("#zobacz_co_mowi_o_sobie_jarek").show();
				$("#pic_jarek_alt").show();
				$("#jarek_text_alt").show();
			}
		).hover(
				function() {
					$("#zobacz_co_zespol_mowi_o_jarku").removeClass().addClass("button_teal");
				},
				function() {
					$("#zobacz_co_zespol_mowi_o_jarku").removeClass().addClass("button_white");
				}
		);*/
		

		$("#zobacz_co_mowi_o_sobie_krzysiek").hide();
		$("#pic_krzysiek_alt").hide();
		$("#krzysiek_text_alt").hide();
		
		$("#zobacz_co_mowi_o_sobie_krzysiek").click(
				function() {
					$("#zobacz_co_zespol_mowi_o_krzysku").show();
					$("#pic_krzysiek").show();
					$("#krzysiek_text").show();
					$("#zobacz_co_mowi_o_sobie_krzysiek").hide();
					$("#pic_krzysiek_alt").hide();
					$("#krzysiek_text_alt").hide();
				}
		).hover(
					function() {
						$("#zobacz_co_mowi_o_sobie_krzysiek").removeClass().addClass("button_teal");
					},
					function() {
						$("#zobacz_co_mowi_o_sobie_krzysiek").removeClass().addClass("button_white");
					}
		);
		$("#zobacz_co_zespol_mowi_o_krzysku").click(
			function() {
				$("#zobacz_co_zespol_mowi_o_krzysku").hide();
				$("#pic_krzysiek").hide();
				$("#krzysiek_text").hide();
				$("#zobacz_co_mowi_o_sobie_krzysiek").show();
				$("#pic_krzysiek_alt").show();
				$("#krzysiek_text_alt").show();
			}
		).hover(
				function() {
					$("#zobacz_co_zespol_mowi_o_krzysku").removeClass().addClass("button_teal");
				},
				function() {
					$("#zobacz_co_zespol_mowi_o_krzysku").removeClass().addClass("button_white");
				}
		);
		
		$('#dolacz_do_nas_button').hover(
		function() {
			$(this).attr('class', 'button_teal');
			$(this).css({'cursor':'pointer'});
		},function() {	
			$(this).attr('class', 'button_white');
			$(this).css({'cursor':'default'});
		}
		)
		
		$('#dolacz_do_nas_button').click(function(){
			window.location.href = "http://witflow.com/praca.html";
		})
		
	}
}

var submenuOver = false;


// image-preload
(function($) {
	  var cache = [];
	  // Arguments are image paths relative to the current page.
	  $.preLoadImages = function() {
	    var args_len = arguments.length;
	    for (var i = args_len; i--;) {
	      var cacheImage = document.createElement('img');
	      cacheImage.src = arguments[i];
	      cache.push(cacheImage);
	    	
	      cache.push(cacheImage);
	    }
	  }
	})(jQuery)

	
var sliderIndex = 0;
var visualIdex = 1;
var fistCycle = true;

var visualHrefs = new Array();
visualHrefs[0] = baseUrl + 'uslugi.html';
visualHrefs[1] = baseUrl + 'poznaj-kompetencje/jak-badamy.html';
visualHrefs[2] = baseUrl + 'uslugi/szkolenia.html';




	
$(document).ready(function() {

	var submenuOver = false;
	var submenuVisible = false;
	
	initializeKimJestesmy();
	
    $(function() {
        $('#gallery a').lightBox({
			imageLoading: baseUrl + lightBoxPath + '/lightbox-ico-loading.gif',
			imageBtnClose: baseUrl + lightBoxPath + '/lightbox-btn-close.gif',
			imageBtnPrev: baseUrl + lightBoxPath + '/lightbox-btn-prev.gif',
			imageBtnNext: baseUrl + lightBoxPath + '/lightbox-btn-next.gif',
			imageBlank:	baseUrl + lightBoxPath + '/lightbox-blank.gif',
			maxHeight: $(window).height()* 0.9,
			maxWidth: $(window).width() * 0.9
		   });
        
        $('a#przyklad_0').lightBox({
			imageLoading: baseUrl + lightBoxPath + '/lightbox-ico-loading.gif',
			imageBtnClose: baseUrl + lightBoxPath + '/lightbox-btn-close.gif',
			imageBtnPrev: baseUrl + lightBoxPath + '/lightbox-btn-prev.gif',
			imageBtnNext: baseUrl + lightBoxPath + '/lightbox-btn-next.gif',
			imageBlank:	baseUrl + lightBoxPath + '/lightbox-blank.gif',
			maxHeight: $(window).height()* 0.9,
			maxWidth: $(window).width() * 0.9
        });
        $('a#przyklad_1').lightBox({
			imageLoading: baseUrl + lightBoxPath + '/lightbox-ico-loading.gif',
			imageBtnClose: baseUrl + lightBoxPath + '/lightbox-btn-close.gif',
			imageBtnPrev: baseUrl + lightBoxPath + '/lightbox-btn-prev.gif',
			imageBtnNext: baseUrl + lightBoxPath + '/lightbox-btn-next.gif',
			imageBlank:	baseUrl + lightBoxPath + '/lightbox-blank.gif',
			maxHeight: $(window).height()* 0.9,
			maxWidth: $(window).width() * 0.9
        });
        $('a#przyklad_2').lightBox({
			imageLoading: baseUrl + lightBoxPath + '/lightbox-ico-loading.gif',
			imageBtnClose: baseUrl + lightBoxPath + '/lightbox-btn-close.gif',
			imageBtnPrev: baseUrl + lightBoxPath + '/lightbox-btn-prev.gif',
			imageBtnNext: baseUrl + lightBoxPath + '/lightbox-btn-next.gif',
			imageBlank:	baseUrl + lightBoxPath + '/lightbox-blank.gif',
			maxHeight: $(window).height()* 0.9,
			maxWidth: $(window).width() * 0.9
        });
        $('a#przyklad_3').lightBox({
			imageLoading: baseUrl + lightBoxPath + '/lightbox-ico-loading.gif',
			imageBtnClose: baseUrl + lightBoxPath + '/lightbox-btn-close.gif',
			imageBtnPrev: baseUrl + lightBoxPath + '/lightbox-btn-prev.gif',
			imageBtnNext: baseUrl + lightBoxPath + '/lightbox-btn-next.gif',
			imageBlank:	baseUrl + lightBoxPath + '/lightbox-blank.gif',
			maxHeight: $(window).height()* 0.9,
			maxWidth: $(window).width() * 0.9
        });
        $('a#przyklad_4').lightBox({
			imageLoading: baseUrl + lightBoxPath + '/lightbox-ico-loading.gif',
			imageBtnClose: baseUrl + lightBoxPath + '/lightbox-btn-close.gif',
			imageBtnPrev: baseUrl + lightBoxPath + '/lightbox-btn-prev.gif',
			imageBtnNext: baseUrl + lightBoxPath + '/lightbox-btn-next.gif',
			imageBlank:	baseUrl + lightBoxPath + '/lightbox-blank.gif',
			maxHeight: $(window).height()* 0.9,
			maxWidth: $(window).width() * 0.9
        });
        $('a#button_powieksz').lightBox({
			imageLoading: baseUrl + lightBoxPath + '/lightbox-ico-loading.gif',
			imageBtnClose: baseUrl + lightBoxPath + '/lightbox-btn-close.gif',
			imageBtnPrev: baseUrl + lightBoxPath + '/lightbox-btn-prev.gif',
			imageBtnNext: baseUrl + lightBoxPath + '/lightbox-btn-next.gif',
			imageBlank:	baseUrl + lightBoxPath + '/lightbox-blank.gif',
			maxHeight: $(window).height()* 0.9,
			maxWidth: $(window).width() * 0.9
        });
    });

    $("#button_wyslij").mouseover(function(event){
    	$("#button_wyslij").removeClass('button_wyslij').addClass('button_wyslij_over');
	});
    $("#button_wyslij").mouseout(function(event){
    	$("#button_wyslij").removeClass('button_wyslij_over').addClass('button_wyslij');
	});    	
	
	$("#button_menu_more").click(function(event){
		event.preventDefault();
		if (!submenuVisible) {
			$("#submenu").show();
			submenuVisible = true;
		}
		else {
			$("#submenu").hide();
			submenuVisible = false;			
		}
		
	});
	
	$("#submenu").mouseover(function(event){
		event.preventDefault();
		submenuOver = true;
	});

	$("#menu li .over").hide();
	
	$("#menu li a.current").siblings(".over").show();
	
	$("#menu li a").mouseover(function(event){
		var $target = $(event.target);
		$target.siblings(".over").show();
	});

	$("#menu li a").mouseout(function(event){
		var $target = $(event.target);
		if (!$target.hasClass('current')) {
			$target.siblings(".over").hide();
		}		
	});			



	$("#submenu").hide();

	$("body").mouseover(function(event){
		var $target = $(event.target);
		if (submenuOver == true
				&& !$target.is("#submenu")
				&& !$target.is("#submenu .inner")
				&& !$target.is("#submenu .row")
				&& !$target.is("#submenu .element") 
				&& !$target.is("#submenu ul") 
				&& !$target.is("#submenu li") 
				&& !$target.is("#submenu h2")  
				&& !$target.is("#submenu a")
				) {
			submenuVisible = false;
			submenuOver = false;
			$("#submenu").hide();
		}				
	});

	$("body").click(function(event){
		var $target = $(event.target);
		if (submenuOver == false
				&& !$target.is("#button_menu_more")
				&& !$target.is("#submenu")
				&& !$target.is("#submenu .inner")
				&& !$target.is("#submenu .row")
				&& !$target.is("#submenu .element") 
				&& !$target.is("#submenu ul") 
				&& !$target.is("#submenu li") 
				&& !$target.is("#submenu h2")  
				&& !$target.is("#submenu a")
				) {
			submenuVisible = false;
			$("#submenu").hide();
		}				
	});

	jQuery.preLoadImages(
			baseUrl + "public/images/button_strategia_user_experience_over.gif", 
			baseUrl + "public/images/button_badania_playability_over.gif",
			baseUrl + "public/images/button_badania_usability_over.gif",
			baseUrl + "public/images/button_czytaj_artykul_over.gif",
			baseUrl + "public/images/button_konsulting_over.gif",
			baseUrl + "public/images/button_optymalizacja_over.gif",
			baseUrl + "public/images/button_pobierz_i_wypelnij_brief_over.gif",
			baseUrl + "public/images/button_pobierz_infografike_over.gif",
			baseUrl + "public/images/button_pobierz_oferte_witflow_over.gif",
			baseUrl + "public/images/button_powieksz_over.gif",
			baseUrl + "public/images/button_projektowanie_over.gif",
			baseUrl + "public/images/button_skontaktuj_sie_over.gif",			
			baseUrl + "public/images/button_sprawdz_oferte_szkolen_over.gif",
			baseUrl + "public/images/button_wiecej_o_wspolpracy_over.gif",
			baseUrl + "public/images/button_wyslij_over.gif",
			baseUrl + "public/images/button_zobacz_przyklad_over.gif",			
			baseUrl + "public/images/button_zobacz_realizacje_over.gif",
			baseUrl + "public/images/button_pobierz_oferte.png",
			baseUrl + "public/images/button_sprawdz_uslugi_e_uslugi_over.png",
			baseUrl + "public/images/en/button_strategia_user_experience_over.gif", 
			baseUrl + "public/images/en/button_badania_playability_over.gif",
			baseUrl + "public/images/en/button_badania_usability_over.gif",
			baseUrl + "public/images/en/button_czytaj_artykul_over.gif",
			baseUrl + "public/images/en/button_konsulting_over.gif",
			baseUrl + "public/images/en/button_optymalizacja_over.gif",
			baseUrl + "public/images/en/button_pobierz_i_wypelnij_brief_over.gif",
			baseUrl + "public/images/en/button_pobierz_infografike_over.gif",
			baseUrl + "public/images/en/button_pobierz_oferte_witflow_over.gif",
			baseUrl + "public/images/en/button_powieksz_over.gif",
			baseUrl + "public/images/en/button_projektowanie_over.gif",
			baseUrl + "public/images/en/button_skontaktuj_sie_over.gif",			
			baseUrl + "public/images/en/button_sprawdz_oferte_szkolen_over.gif",
			baseUrl + "public/images/en/button_wiecej_o_wspolpracy_over.gif",
			baseUrl + "public/images/en/button_wyslij_over.gif",
			baseUrl + "public/images/en/button_zobacz_przyklad_over.gif",			
			baseUrl + "public/images/en/button_zobacz_realizacje_over.gif"
			
			
			
	);
	
	$( "#slider" ).slider({
		min: 0,
		max: 2,
		slide: function( event, ui ) {
			$('#main_visual').cycle(ui.value);
			$( "#button_sprawdz_uslugi" ).removeClass().addClass("visual_button_" + (ui.value + 1));
			$( "#button_sprawdz_uslugi" ).attr("href", visualHrefs[ui.value]);
			sliderIndex = ui.value;
		}
	});
	
	if (language == 'pl') {
		$('#main_visual').cycle({
			timeout: 8000,
			fx:     'scrollHorz',
			pause: true,
			before: function() {
				$('#button_sprawdz_uslugi').removeClass();
			},
			after : function() {
				if (sliderIndex == 3) {
					sliderIndex = 0
				}
			    $( "#slider" ).slider( "value", sliderIndex);						  
				$( "#button_sprawdz_uslugi" ).addClass("visual_button_" + (sliderIndex + 1));
				$( "#button_sprawdz_uslugi" ).attr("href", visualHrefs[sliderIndex]);
				sliderIndex++;
			},
			prev: $('#arrow_left'),
			next: $('#arrow_right'),
			onPrevNextEvent: function(isNext, zeroBasedSlideIndex, slideElement) {
				sliderIndex = zeroBasedSlideIndex;
			}
		})
	
	
		$('#slider_wrapper').hover(
			function() {
				$('#main_visual').cycle('pause');
			},
			function() {
				$('#main_visual').cycle('resume');
			}
		);
	
		$('#button_sprawdz_uslugi').hover(
			function() {
				$('#main_visual').cycle('pause');
			},
			function() {
				$('#main_visual').cycle('resume');
			}
		);
	
	}
});