minimumHeightContent = 650;
minimumWidthContent = 960;
slikaPozadinaHeight = 2929;
slikaPozadinaWidth = 4543;
minimumHeightContentHome = 525;
divSaBaloncicimaHeight = 480;
divSaBaloncicimaWidth = 650;
		
//ne iskoriscene slike 
imgArray = new Array();
imgArray[0] = new Image();
imgArray[1] = new Image();
imgArray[2] = new Image();
imgArray[3] = new Image();
imgArray[4] = new Image();
imgArray[5] = new Image();
imgArray[6] = new Image();
imgArray[7] = new Image();
imgArray[8] = new Image();
imgArray[9] = new Image();
imgArray[10] = new Image();
imgArray[11] = new Image();
imgArray[12] = new Image();
imgArray[13] = new Image();
imgArray[14] = new Image();
imgArray[15] = new Image();
imgArray[16] = new Image();
imgArray[17] = new Image();
imgArray[18] = new Image();
imgArray[19] = new Image();
imgArray[20] = new Image();
imgArray[21] = new Image();
imgArray[22] = new Image();
imgArray[23] = new Image();
imgArray[24] = new Image();
imgArray[25] = new Image();
imgArray[26] = new Image();
imgArray[27] = new Image();
imgArray[28] = new Image();
imgArray[29] = new Image();
imgArray[30] = new Image();
imgArray[31] = new Image();
imgArray[32] = new Image();
imgArray[33] = new Image();
imgArray[34] = new Image();
imgArray[35] = new Image();
imgArray[36] = new Image();
imgArray[37] = new Image();
imgArray[38] = new Image();
imgArray[39] = new Image();
imgArray[40] = new Image();
imgArray[41] = new Image();
imgArray[42] = new Image();
imgArray[43] = new Image();
imgArray[44] = new Image();
imgArray[45] = new Image();
imgArray[46] = new Image();
imgArray[47] = new Image();
imgArray[48] = new Image();
imgArray[49] = new Image();
imgArray[50] = new Image();
imgArray[51] = new Image();
imgArray[52] = new Image();
imgArray[53] = new Image();
imgArray[54] = new Image();
imgArray[55] = new Image();
imgArray[56] = new Image();
imgArray[57] = new Image();
imgArray[58] = new Image();
imgArray[59] = new Image();
imgArray[60] = new Image();
imgArray[61] = new Image();
imgArray[62] = new Image();
imgArray[63] = new Image();
imgArray[64] = new Image();
imgArray[65] = new Image();
imgArray[66] = new Image();
imgArray[67] = new Image();
imgArray[68] = new Image();
imgArray[69] = new Image();
imgArray[70] = new Image();
imgArray[71] = new Image();
imgArray[72] = new Image();
imgArray[73] = new Image();
imgArray[37].src = "content/images/x.png";
//home stranica
imgArray[0].src = "content/images/create.png";
imgArray[1].src = "content/images/createOver.png";
imgArray[2].src = "content/images/educate.png";
imgArray[3].src = "content/images/educateOver.png";
imgArray[4].src = "content/images/advise.png";
imgArray[5].src = "content/images/adviseOver.png";
//create stranica
imgArray[10].src = "content/images/createPage.png";
imgArray[11].src = "content/images/ubuntuCreate.png";
imgArray[12].src = "content/images/ubuntuCreateOver.png";
imgArray[13].src = "content/images/seedsOfPeaceCreate.png";
imgArray[14].src = "content/images/seedsOfPeaceCreateOver.png";
imgArray[15].src = "content/images/yele.png";
imgArray[23].src = "content/images/yeleOver.png";
imgArray[16].src = "content/images/psa.png";
imgArray[17].src = "content/images/dubaiCreate.png";
imgArray[18].src = "content/images/film.png";
imgArray[19].src = "content/images/createExiled.png";
imgArray[20].src = "content/images/createExiledOver.png";
imgArray[22].src = "content/images/tv.png";
imgArray[24].src = "content/images/dubaiCreateOver.png";
imgArray[73].src = "content/images/trailerPopupCherPanamaOver.png";
//create stranica exiled popup
imgArray[26].src = "content/images/exiledPage.png";
imgArray[27].src = "content/images/producersDiaryExiled.png";
imgArray[28].src = "content/images/producersDiaryExiledOver.png";
imgArray[29].src = "content/images/lessonPlanExiled.png";
imgArray[30].src = "content/images/lessonPlanExiledOver.png";
imgArray[31].src = "content/images/pressExiled.png";
imgArray[32].src = "content/images/pressExiledOver.png";
imgArray[33].src = "content/images/episodesExiled.png";
imgArray[34].src = "content/images/episodesExiledOver.png";
imgArray[35].src = "content/images/exiledExiled.png";
imgArray[36].src = "content/images/exiledExiledOver.png";
//create stranica episodes popup
imgArray[8].src = "content/images/episodesPopupErinMongoliaOver.png";
imgArray[9].src = "content/images/episodesPopupCherPanamaOver.png";
imgArray[61].src = "content/images/episodesPopupBjornMoroccoOver.png";
imgArray[62].src = "content/images/episodesPopupChelsiNorwayOver.png";
imgArray[21].src = "content/images/episodesPopupSierraVanuatuOver.png";
imgArray[25].src = "content/images/episodesPopupAvaThailandOver.png";
imgArray[70].src = "content/images/episodesPopupMarissaIndiaOver.png";
imgArray[71].src = "content/images/episodesPopupAmandaKenyaOver.png";
imgArray[72].src = "content/images/episodesPopupMelenyPeruOver.png";
//educate stranica
imgArray[38].src = "content/images/educatePage.png";
imgArray[39].src = "content/images/unWorksEducate.png";
imgArray[40].src = "content/images/unWorksEducateOver.png";
imgArray[41].src = "content/images/unKitEducate.png";
imgArray[42].src = "content/images/unKitEducateOver.png";
imgArray[43].src = "content/images/speakingEducate.png";
imgArray[44].src = "content/images/speakingEducateOver.png";
imgArray[45].src = "content/images/lessonPlanEducate.png";
imgArray[46].src = "content/images/lessonPlanEducateOver.png";
imgArray[47].src = "content/images/lessonPlanExiledEducate.png";
imgArray[48].src = "content/images/lessonPlanExiledEducateOver.png";
//about stranica
imgArray[49].src = "content/images/aboutPage.png";
imgArray[50].src = "content/images/jennaAbout.png";
imgArray[51].src = "content/images/jennaAboutOver.png";
imgArray[52].src = "content/images/jessicaAbout.png";
imgArray[53].src = "content/images/jessicaAboutOver.png";
//advise stranica
imgArray[54].src = "content/images/advisePage.png";
imgArray[55].src = "content/images/aproquenAdvise.png";
imgArray[56].src = "content/images/aproquenAdviseOver.png";
imgArray[57].src = "content/images/ubuntuAdvise.png";
imgArray[58].src = "content/images/ubuntuAdviseOver.png";
imgArray[59].src = "content/images/seedsOfPeaceAdvise.png";
imgArray[60].src = "content/images/seedsOfPeaceAdviseOver.png";
//contact stranica
imgArray[63].src = "content/images/contactPage.png";
imgArray[64].src = "content/images/nyContact.png";
imgArray[65].src = "content/images/nyContactOver.png";
imgArray[66].src = "content/images/dubaiContact.png";
imgArray[67].src = "content/images/dubaiContactOver.png";
imgArray[68].src = "content/images/twitterContact.png";
imgArray[69].src = "content/images/twitterContactOver.png";
imgArray[6].src = "content/images/contactJennaTwitter.png";
imgArray[7].src = "content/images/contactJennaTwitterOver.png";

//**** inicijalizacija ****//
aktivna = 'home';
crtaLeft = '0px';
crtaWidth = '0px';
	
//govori nam koja je stranica trenutno aktivna
//inicijalno uvek home
		
function mouseOverBubble(id, rb){
	var image = $("#" + id).css("background-image");
	if(image.search(/Over.png/i) < 0){
		if(image.charAt(image.length-2) == '"'){
			image = image.substring(0,image.length - 6) + 'Over.png")';
			$("#" + id).css( { "background-image": image } );
			//$("#" + id).animate({opacity: "1"}, 1000);
			$("#" + id).css( { "opacity": 1 } );
			$("#" + id).css( { "z-index": 30 } );
		}else{
			image = image.substring(0,image.length - 5) + "Over.png)";
			$("#" + id).css( { "background-image": image } );
			//$("#" + id).animate({opacity: "1"}, 1000);
			$("#" + id).css( { "opacity": 1 } );
			$("#" + id).css( { "z-index": 30 } );
		}
	}
}

function mouseOutBubble(id, rb){
	var image = $("#" + id).css("background-image");
	if(image.search(/Over.png/i) > 0){
		if(image.charAt(image.length-2) == '"'){
			image = image.substring(0,image.length - 10) + '.png")';
			$("#" + id).css( { "background-image": image } );
			$("#" + id).css( { "opacity": 0.8 } );
			$("#" + id).css( { "z-index": "auto" } );
		}else{
			image = image.substring(0,image.length - 9) + ".png)";
			$("#" + id).css( { "background-image": image } );
			$("#" + id).css( { "opacity": 0.8 } );
			$("#" + id).css( { "z-index": "auto" } );
		}
	}
}

function mouseOverBubbleSlozen(id, rb){
	var image = $("#" + id).css("background-image");
	$('#' + id + ' p').css( { "visibility": 'hidden' });
	if(image.search(/Over.png/i) < 0){
		if(image.charAt(image.length-2) == '"'){
			image = image.substring(0,image.length - 6) + 'Over.png")';
			$("#" + id).css( { "background-image": image } );
			//$("#" + id).animate({opacity: "1"}, 1000);
			$("#" + id).css( { "opacity": 1 } );
			$("#" + id).css( { "z-index": 30 } );
		}else{
			image = image.substring(0,image.length - 5) + "Over.png)";
			$("#" + id).css( { "background-image": image } );
			//$("#" + id).animate({opacity: "1"}, 1000);
			$("#" + id).css( { "opacity": 1 } );
			$("#" + id).css( { "z-index": 30 } );
		}
	}
}

function mouseOutBubbleSlozen(id, rb){
	var image = $("#" + id).css("background-image");
	$('#' + id + ' p').css( { "visibility": 'visible' });
	if(image.search(/Over.png/i) > 0){
		if(image.charAt(image.length-2) == '"'){
			image = image.substring(0,image.length - 10) + '.png")';
			$("#" + id).css( { "background-image": image } );
			$("#" + id).css( { "opacity": 0.8 } );
			$("#" + id).css( { "z-index": "auto" } );
		}else{
			image = image.substring(0,image.length - 9) + ".png)";
			$("#" + id).css( { "background-image": image } );
			$("#" + id).css( { "opacity": 0.8 } );
			$("#" + id).css( { "z-index": "auto" } );
		}
	}
}

function mouseOverBubbleVideo(id, rb){
	var image = $("#" + id).css("background-image");
	$('#' + id + ' p').css( { "visibility": 'hidden' });
	if(image.search(/Over.png/i) < 0){
		var indeks = image.lastIndexOf('/') + 1; 
		if(image.charAt(image.length-2) == '"'){
			image = image.substring(0,indeks) + id + 'Over.png")';
			$("#" + id).css( { "background-image": image } );
			$("#" + id).css( { "opacity": 1 } );
			$("#" + id).css( { "z-index": 30 } );
		}else{
			image = image.substring(0,indeks) + id + 'Over.png)';
			$("#" + id).css( { "background-image": image } );
			$("#" + id).css( { "opacity": 1 } );
			$("#" + id).css( { "z-index": 30 } );
		}
	}
}

function mouseOutBubbleVideo(id, rb){
	var image = $("#" + id).css("background-image");
	$('#' + id + ' p').css( { "visibility": 'visible' });
	if(image.search(/Over.png/i) > 0){
		var indeks = image.lastIndexOf('/') + 1; 
		if(image.charAt(image.length-2) == '"'){
			image = image.substring(0,indeks) + 'episodesExiled.png")';
			$("#" + id).css( { "background-image": image } );
			$("#" + id).css( { "opacity": 0.8 } );
			$("#" + id).css( { "z-index": "auto" } );
		}else{
			image = image.substring(0,indeks) + 'episodesExiled.png)';
			$("#" + id).css( { "background-image": image } );
			$("#" + id).css( { "opacity": 0.8 } );
			$("#" + id).css( { "z-index": "auto" } );
		}
	}
}

function pozicionirajCrtu(top, crtaHeight){
	$('#scroll #crta').stop().animate({
		'margin-top' : top,
		'height' : crtaHeight
	}, 500, function(){});
}

function vratiCrtu(){
	crtaLeft = document.getElementById("crtaLeftValue").value;
	crtaWidth = document.getElementById("crtaWidthValue").value;
			
	$('#scroll #crta').stop().animate({
		'margin-top' : crtaLeft,
		'height' : crtaWidth
	}, 500, function(){});
}

function pozicioniraj(topP, leftP, crtaLeft, crtaWidth, novaStrana, brzinaAnimacije){
	document.getElementById("crtaLeftValue").value = crtaLeft;
	document.getElementById("crtaWidthValue").value = crtaWidth;
	document.getElementById("pozicijaLevo").value = leftP;
	document.getElementById("pozicijaGore").value = topP;
	document.getElementById("aktivnaStrana").value = novaStrana;

	if(!(leftP == '0' && topP == '0')){
		podesavanjeVelicineContentDiva();
	}
		
	prikaziElementeZaMail();
	browserWidth = $(window).width();
	browserHeight = $(window).height();

	if(brzinaAnimacije == undefined) brzinaAnimacije = 2000;
			
	//postavljamo koja je nova trenutna strana
	aktivna = novaStrana;
			
	//racunanje velicine pozadinske slike
	widthZaRacSlike = browserWidth;
	if(widthZaRacSlike < minimumWidthContent) widthZaRacSlike = minimumWidthContent;
	heightZaRacSlike = browserHeight;
	if(heightZaRacSlike < minimumHeightContent) heightZaRacSlike = minimumHeightContent;
	slikaWidth = 0;
	slikaHeight = 0;
	if((topP == 0) && (leftP == 0)){
		if(widthZaRacSlike / heightZaRacSlike > 1.551){
			odnos = widthZaRacSlike / slikaPozadinaWidth;
			slikaWidth = widthZaRacSlike;
			slikaHeight = slikaPozadinaHeight * odnos;
		} else {
			odnos = heightZaRacSlike / slikaPozadinaHeight;
			slikaWidth = slikaPozadinaWidth * odnos;
			slikaHeight = heightZaRacSlike;
		}
	}else{
		if((widthZaRacSlike*3) / (heightZaRacSlike*2) > 1.551){
			odnos = (widthZaRacSlike*3) / slikaPozadinaWidth;
			slikaWidth = (widthZaRacSlike*3);
			slikaHeight = slikaPozadinaHeight * odnos;
		} else {
			odnos = (heightZaRacSlike*2) / slikaPozadinaHeight;
			slikaWidth = slikaPozadinaWidth * odnos;
			slikaHeight = heightZaRacSlike * 2;
		}
		
	}

	if(browserHeight < minimumHeightContent){
		topM = topP * minimumHeightContent;
	} else {
		topM = topP * browserHeight;
	}
	if(browserWidth < minimumWidthContent){
		leftM = leftP * minimumWidthContent;
	} else {
		leftM = leftP * browserWidth;
	}

	$('#slikaPozadina').stop().animate({
		width: slikaWidth,
		height: slikaHeight
	}, brzinaAnimacije, function(){});
	$('#content').stop().animate({
		scrollLeft: leftM,
		scrollTop: topM
	}, brzinaAnimacije, function(){});
	$('#scroll #crta').stop().animate({
		'margin-top' : crtaLeft,
		'height' : crtaWidth
	}, brzinaAnimacije/2, function(){});
	if(leftP == '0' && topP == '0'){
		setTimeout("podesavanjeVelicineContentDiva()", 4/5 * brzinaAnimacije);
	}
	return false;
}

function podesavanjeVelicineContentDiva(){
	browserHeight = $(window).height();

	//podesavanje velicine content diva
	if(browserHeight > minimumHeightContent){
		pom = (browserHeight - divSaBaloncicimaHeight) / 2;
		$('.bubbleDiv').css( { "top": pom + 'px' } );
		$('.bubbleDivHome').css( { "top": pom + 'px' } );
		document.getElementById("content").style.height = browserHeight + 'px';
	} else {
		pom = (minimumHeightContent - divSaBaloncicimaHeight) / 2;
		$('.bubbleDiv').css( { "top": pom + 'px' } );
		if(browserHeight > minimumHeightContentHome){
			if(document.getElementById("pozicijaGore").value == "0" && document.getElementById("pozicijaLevo").value == "0"){
				document.getElementById("content").style.height = browserHeight + 'px';
			}else{
				document.getElementById("content").style.height = minimumHeightContent + 'px';
			}
			pom = (browserHeight - divSaBaloncicimaHeight) / 2;
			$('.bubbleDivHome').css( { "top": pom + 'px' } );
		}else{
			pom = (minimumHeightContentHome - divSaBaloncicimaHeight) / 2;
			$('.bubbleDivHome').css( { "top": pom + 'px' } );
			if(document.getElementById("pozicijaGore").value == "0" && document.getElementById("pozicijaLevo").value == "0"){
				document.getElementById("content").style.height = minimumHeightContentHome + 'px';
			}else{
				document.getElementById("content").style.height = minimumHeightContent + 'px';
			}
		}
	};
	browserWidth = $(window).width();
	if(browserWidth > minimumWidthContent){
		document.getElementById("content").style.width = browserWidth + 'px';
	} else {
		document.getElementById("content").style.width = minimumWidthContent + 'px';
	};
}

function posaljiMail(){
	var flag = true;
	var subject = document.getElementById("contactSubjectText").value;
	var from = document.getElementById("contactFromText").value;
	var message = document.getElementById("contactMessageText").value;
	if(subject == "" || subject == "Subject*"){
		flag = false;
		document.getElementById("contactSubjectText").value = "This field is required";
		$("#contactSubjectText").css( { "color": "red" } );
	}
	if(from == "" || from == "Email*"){
		flag = false;
		document.getElementById("contactFromText").value = "This field is required";
		$("#contactFromText").css( { "color": "red" } );
	}else{
		var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
		if(reg.test(from) == false) {
			flag = false;
			document.getElementById("contactFromText").value = "Invalid Email Address";
			$("#contactFromText").css( { "color": "red" } );
		}
	}
	if(message == "" || message == "Message*"){
		flag = false;
		document.getElementById("contactMessageText").value = "This field is required";
		$("#contactMessageText").css( { "color": "red" } );
	}
	if(flag){
		var dataString = 'subject=' + subject + '&mailFrom=' + from + '&message=' + message;
		$.ajax({
			type: "POST",
			url: "sendMail.php",
			data: dataString,
			success: function() {
				uspesnoSlanjeEmaila();
			},
			error: function() {
				neuspesnoSlanjeEmaila();
			}
		});
	}
}
function uspesnoSlanjeEmaila(){
	$("#naslovContactPage").css( { "visibility": "hidden" } );
	$("#contactSubjectText").css( { "visibility": "hidden" } );
	$("#contactFromText").css( { "visibility": "hidden" } );
	$("#contactTwitterText").css( { "visibility": "hidden" } );
	$("#contactMessageText").css( { "visibility": "hidden" } );
	$("#sendMailButtonContactPage").css( { "visibility": "hidden" } );
	$("#uspesnoSlanjeContactPage").css( { "visibility": "visible" } );
}
function neuspesnoSlanjeEmaila(){
	$("#naslovContactPage").css( { "visibility": "hidden" } );
	$("#contactSubjectText").css( { "visibility": "hidden" } );
	$("#contactFromText").css( { "visibility": "hidden" } );
	$("#contactTwitterText").css( { "visibility": "hidden" } );
	$("#contactMessageText").css( { "visibility": "hidden" } );
	$("#sendMailButtonContactPage").css( { "visibility": "hidden" } );
}
function prikaziElementeZaMail(){
	$("#naslovContactPage").css( { "visibility": "visible" } );
	$("#contactSubjectText").css( { "visibility": "visible" } );
	$("#contactFromText").css( { "visibility": "visible" } );
	$("#contactTwitterText").css( { "visibility": "visible" } );
	$("#contactMessageText").css( { "visibility": "visible" } );
	$("#sendMailButtonContactPage").css( { "visibility": "visible" } );
	$("#uspesnoSlanjeContactPage").css( { "visibility": "hidden" } );
}
function otvoriLink(adresa){
	window.open(adresa,'_newtab');
}