var arVersion = navigator.appVersion.split("MSIE");
var version = parseFloat(arVersion[1]);


function needPngFix(){
	//return ((version >= 5.5) && (version < 7) && (document.body.filters));
	if((version >= 5.5) && (version < 7) && (document.body.filters)){
		return true;
	}
	return false;
}

function fixPNG(myImage) {
	if (needPngFix()){
		var imgID = (myImage.id) ? "id='" + myImage.id + "' " : "";
		var imgClass = (myImage.className) ? "class='" + myImage.className + "' " : "";
		var imgTitle = (myImage.title) ? 
				"title='" + myImage.title  + "' " : "title='" + myImage.alt + "' ";
		var imgStyle = "display:inline-block;" + myImage.style.cssText;

	   if (myImage.align == "left"){
			imgStyle = "float:left;" + imgStyle;
		}
		if (myImage.align == "right"){
			imgStyle = "float:right;" + imgStyle;
		}
		if (myImage.parentElement.href){
			imgStyle = "cursor:hand;" + imgStyle;
		}
		
		var strNewHTML = "<span " + imgID + imgClass + imgTitle +
			" style=\"" + "width:" + myImage.width +
			"px; height:" + myImage.height +
			"px;" + imgStyle + ";" +
			"filter:progid:DXImageTransform.Microsoft.AlphaImageLoader" +
			"(src=\'" + myImage.src + "\', sizingMethod='crop');\"></span>";
		
		myImage.outerHTML = strNewHTML;
	}
}




function navigateMenu(pageName){
	switch(pageName){
		case "home":
			if(currentPage == "home"){
				return;
			}
			document.getElementById("contentFrame").src="home.html";
			document.getElementById("contentFrame").height="600";
			changeForHome();
			currentPage = "home";
			break;
		case "info":
			if(currentPage == "info"){
				return;
			}
			document.getElementById("contentFrame").src="info.html";
			document.getElementById("contentFrame").height="1440";
			changeForInfo();
			currentPage = "info";
			break;
		case "imagini":
			if(currentPage == "imagini"){
				return;
			}
			try{
				document.getElementById("contentFrame").src="imagini.html";
				document.getElementById("contentFrame").height="4800";
			}catch(exx){
				window.parent.document.getElementById("contentFrame").src="imagini.html";
				window.parent.document.getElementById("contentFrame").height="4800";
			}
			if(currentPage != "imagini2"){
				try{
					changeForImages();
				}catch(e){
					//
				}
			}
			currentPage = "imagini";
			break;
		case "imagini2":
			if(currentPage == "imagini2"){
				return;
			}
			window.parent.document.getElementById("contentFrame").src="imagini_pg2.html";
			window.parent.document.getElementById("contentFrame").height="4000";
			//changeForImages();
			currentPage = "imagini2";
			break;
		case "contact":
			if(currentPage == "contact"){
				return;
			}
			document.getElementById("contentFrame").src="contact.html";
			document.getElementById("contentFrame").height="750";
			changeForContact();
			currentPage = "contact";
			break;
		default:
			break;
	}
}

function changeLeftCircle(elementId, newPicSrc, x, y, width, height ){
	var elementToFix = document.getElementById(elementId);
	if(needPngFix()){
		var currentStyle = elementToFix.style.cssText;
		var newStyle = "display:inline-block; ";
		if(currentStyle.indexOf("float:left") != -1){
			newStyle = newStyle + "float:left; ";
		}
		if(currentStyle.indexOf("float:right") != -1){
			newStyle = newStyle + "float:right; ";
		}
		if(currentStyle.indexOf("cursor:hand") != -1){
			newStyle = newStyle + "cursor:hand; ";
		}
		
		newStyle = newStyle +
			"width:" + width + "px; height:" + height + "px; " +
			"filter:progid:DXImageTransform.Microsoft.AlphaImageLoader" +
			"(src=\'" + newPicSrc + "\', sizingMethod='crop');";
		
		elementToFix.style.cssText = newStyle;
		
	}else{
		elementToFix.src = newPicSrc;
	}
	elementToFix.parentNode.style.display = "block";
	elementToFix.parentNode.style.top= y + "px";
	elementToFix.parentNode.style.left= x + "px";
	elementToFix.width = width;
	elementToFix.height = height;
	
}

function changeForImages(){
	document.getElementById("bullet1").parentNode.style.display = "none";
	document.getElementById("bullet2").parentNode.style.display = "none";
	document.getElementById("bullet3").parentNode.style.display = "none";
	document.getElementById("bullet4").parentNode.style.display = "none";

	document.getElementById("rightContent").src="imagini_left.html";
	document.getElementById("rightContainer").style.display="block";
}

function changeForHome(){
	changeLeftCircle("bullet1", "pic/decor/cp1.png" , -110, 25, 142, 144);
	changeLeftCircle("bullet4", "pic/decor/cp4.png", -100, 180, 98, 98);
	changeLeftCircle("bullet3", "pic/decor/cp2.png", -83, 293, 103, 104);
	changeLeftCircle("bullet2", "pic/decor/lampa.png", -113, 415, 125, 125);

	document.getElementById("rightContent").src="home_left.html";
	document.getElementById("rightContainer").style.display="block";
}

function changeForInfo(){
	changeLeftCircle("bullet1", "pic/decor/cp5.png",-102, 25, 130, 130);
	changeLeftCircle("bullet4", "pic/decor/cp8.png", -130, 160, 157, 102);
	changeLeftCircle("bullet2", "pic/decor/cp7.png", -118, 280, 130, 108);
	changeLeftCircle("bullet3", "pic/decor/cp6.png", -83, 399, 113, 150);
	document.getElementById("rightContainer").style.display="none";
}

function changeForContact(){
	changeLeftCircle("bullet1", "pic/decor/cp9.png",702, 25, 150, 150);
	//changeLeftCircle("bullet4", "pic/decor/cp8.png", 730, 160, 157, 102);
	//changeLeftCircle("bullet2", "pic/decor/cp7.png", 718, 280, 130, 108);
	//changeLeftCircle("bullet3", "pic/decor/cp6.png", 703, 399, 113, 150);
	document.getElementById("bullet2").parentNode.style.display = "none";
	document.getElementById("bullet3").parentNode.style.display = "none";
	document.getElementById("bullet4").parentNode.style.display = "none";

	document.getElementById("rightContainer").style.display="none";
}