function showReferncePopup(referenceId) {
	var url = "/de-ch/referencegallery.go";
	var params = "refId=" + referenceId;

	doAjax(url, params, "reference_popup");
	
	return false;
}

function renderReferncePopup() {

	var siteDiv = document.getElementById("site");
	var referencePopupDiv = document.getElementById("reference_popup");

	var backgroundDiv = document.getElementById("screen_background");
	backgroundDiv.style.height = siteDiv.clientHeight + "px";
	
	var IE6 = false /*@cc_on || @_jscript_version < 5.7 @*/;
	if (IE6) {
		referencePopupDiv.style.width = document.body.clientWidth;
		setDropDowns("hidden");
	}
	referencePopupDiv.style.display = "block";
	window.onresize=resizeReferncePopup;
	backgroundDiv.onclick=hideReferncePopup;
	
	return false;
}

function doAjax(url, params, target){
 req = GetXmlHttpObject();
 req.onreadystatechange = function(){
  if (req.readyState == 4) {
   if (req.status == 200) {
    var text = req.responseText;
    proccess(target, text);
   } else {
    alert("Problem: " + req.statusText);
   }
  }
 }
 req.open('POST', url, true);
 req.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
 req.setRequestHeader("Content-length", params.length);
 req.setRequestHeader("Connection", "close");
 req.send(params);
}

function doReferenceBrowserAjax(url, params, target){
 req = GetXmlHttpObject();
 req.onreadystatechange = function(){
  if (req.readyState == 4) {
   if (req.status == 200) {
    var text = req.responseText;
    distributeReferenceBrowserResponse(text);
   } else {
    alert("Problem: " + req.statusText);
   }
  }
 }
 req.open('POST', url, true);
 req.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
 req.setRequestHeader("Content-length", params.length);
 req.setRequestHeader("Connection", "close");
 req.send(params);
}


function GetXmlHttpObject(){ 
 var objXMLHttp=null;
 if (window.XMLHttpRequest){
  objXMLHttp=new XMLHttpRequest();
 }
 else if (window.ActiveXObject){
  objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP");
 }
 return objXMLHttp;
}
 
function proccess(target, text){
 if(document.getElementById(target) != null){
  document.getElementById(target).innerHTML = text;
	runScripts(target);
 }
}

function runScripts(id) {
 var elem = document.getElementById(id);
 var e = elem.getElementsByTagName("script");
 if(e != null){
  for(var i=0;i<e.length;i++) {
   eval(e[i].innerHTML);
  }
 }  
}

function hideReferncePopup() {
	var referencePopupDiv = document.getElementById("reference_popup");
	var IE6 = false /*@cc_on || @_jscript_version < 5.7 @*/;
	if (IE6) {
		setDropDowns("visible");
	}
	referencePopupDiv.style.display = "none";	
	
	return false;
}

function resizeReferncePopup (e) {
	var siteDiv = document.getElementById("site");
	var backgroundDiv = document.getElementById("screen_background");
	backgroundDiv.style.height = siteDiv.clientHeight + "px";
}

function setDropDowns(newState) {
	var elements = document.documentElement.getElementsByTagName('select');
	for (var i=0; i<elements.length; i++) {
  	elements[i].style.visibility = newState;
  }
} 

function showNextImg () {
	var imgGalleryTag = document.getElementById("imgGalleryTag");
	if (currentImgIndex < maxImgIndex) {
		currentImgIndex += 1;
		imgGalleryTag.src = imgSrcs[currentImgIndex];
		imgGalleryTag.alt = imgTitles[currentImgIndex];
		var imgGalleryTextTag = document.getElementById("imgGalleryText");
		imgGalleryTextTag.innerHTML = imgTexts[currentImgIndex];
		if (currentImgIndex == maxImgIndex) {
			var nextImgLink = document.getElementById("nextImgLink");
			nextImgLink.style.display = "none";
		}
		var previousImgLink = document.getElementById("previousImgLink");
		previousImgLink.style.display = "block";
	}
	return false;
}

function showPreviousImg () {
	var imgGalleryTag = document.getElementById("imgGalleryTag");
	if (currentImgIndex > 0) {
		currentImgIndex -= 1;
		imgGalleryTag.src = imgSrcs[currentImgIndex];
		imgGalleryTag.alt = imgTitles[currentImgIndex];
		var imgGalleryTextTag = document.getElementById("imgGalleryText");
		imgGalleryTextTag.innerHTML = imgTexts[currentImgIndex];
		if (0 == currentImgIndex) {
			var previousImgLink = document.getElementById("previousImgLink");
			previousImgLink.style.display = "none";
		}
		var nextImgLink = document.getElementById("nextImgLink");
		nextImgLink.style.display = "block";
	}
	return false;
}

function showNextRefImg () {
	var popupImgTag = document.getElementById("popup_image");
	
	if (window.refCurrentImgIndex < window.refMaxImgIndex) {
		
		window.refCurrentImgIndex += 1;
		popupImgTag.style.backgroundImage = "url(" + window.refImgSrcs[window.refCurrentImgIndex] + ")";
		if (window.refCurrentImgIndex == window.refMaxImgIndex) {
			var nextImgLink = document.getElementById("refNextImgLink");
			nextImgLink.style.display = "none";
		}
		var previousImgLink = document.getElementById("refPreviousImgLink");
		previousImgLink.style.display = "block";
	}
	//alert(window.refCurrentImgIndex);
	return false;
}

function showPreviousRefImg () {
	var popupImgTag = document.getElementById("popup_image");
	if (window.refCurrentImgIndex > 0) {
		window.refCurrentImgIndex -= 1;
		popupImgTag.style.backgroundImage = "url(" + window.refImgSrcs[window.refCurrentImgIndex] + ")";
		if (0 == window.refCurrentImgIndex) {
			var previousImgLink = document.getElementById("refPreviousImgLink");
			previousImgLink.style.display = "none";
		}
		var nextImgLink = document.getElementById("refNextImgLink");
		nextImgLink.style.display = "block";
	}
	return false;
}

function refreshReferenceBrowserScreen (refId) {
	var params = "";
	 	
	var selectObject = document.getElementById("selectObject");
	params += "selectObject=" + selectObject.value;
	
	//alert(selectObject.disabled);
	var selectCanton = document.getElementById("selectCanton");
	if (selectCanton.value) {
		params += "&selectCanton=" + selectCanton.value;
	}
	
	var selectProduct = document.getElementById("selectProduct");
	params += "&selectProduct=" + selectProduct.value;

	var selectColor = document.getElementById("selectColor");
	params += "&selectColor=" + selectColor.value;

	if (0 < refId) {
		params += "&refId=" + refId;
	}
	
	selectProduct.disabled = "disabled";
	selectColor.disabled = "disabled";
	selectCanton.disabled = "disabled";
	
	doReferenceBrowserAjax("/de-ch/referencebrowser.go", params);
	
	return false;
}

function distributeReferenceBrowserResponse (text) {
	
	var browserInnerHTML = text.substring(0, text.indexOf("<!--XXXXXXXXXX-->"));
	proccess('referenceBrowser', browserInnerHTML);

	var serviceInnerHTML = text.substr(text.indexOf("<!--XXXXXXXXXX-->") + 17);
	proccess('service', serviceInnerHTML);
	
}

function showsearch() {
	var searchBox = document.getElementById("searchbox");
	var searchboxLinkLI = document.getElementById("searchboxLinkLI");
	if (searchBox.style.display == "none") {
		searchBox.style.display = "block";
		
		searchboxLinkLI.style.backgroundColor = "#E1E8E1"
		
		var searchtextField = document.getElementById("searchtext");
		searchtextField.focus();
	} else {
		searchBox.style.display = "none";
		searchboxLinkLI.style.background = "none";
	}
	
	return false;
}

function resetReferenceBrowserSelects () {
	var selectProduct = document.getElementById("selectProduct");	
	var selectColor = document.getElementById("selectColor");
	var selectCanton = document.getElementById("selectCanton");
	
	selectProduct.value = selectProduct.options[0].value
	selectColor.value = selectColor.options[0].value
	selectCanton.value = selectCanton.options[0].value
	
	refreshReferenceBrowserScreen(0);
	
	return false;
}


function changeImg (fImageName, fOrigName, dImageName, dOrigName, server_name) {
	var imageTag = document.getElementById('imgGalleryTag');
	var icon = document.getElementById('zoom');
	
	oldSrc = imageTag.src;
	imageTag.src = '/files/media/gallery/'+dImageName+'/'+dOrigName;
	icon.style.backgroundImage="url('http://"+server_name+"/includes/zoom_hover.png')";
	if (oldSrc == imageTag.src) {
		imageTag.src = '/files/media/gallery/'+fImageName+'/'+fOrigName;
		icon.style.backgroundImage="url('http://"+server_name+"/includes/zoom.png')";
	}	
	return false;
}

//document.addEventListener('mouseover',getMouseXY,false)
document.onmouseover = getMouseXY;
var tempX = 0
var tempY = 0

function getMouseXY(e) {
	var IE = document.all?true:false
  if (IE) {
    tempX = window.event.clientX  + document.body.scrollLeft
    tempY = window.event.clientY + document.body.scrollTop
   
  } else {
    tempX = e.pageX
    tempY = e.pageY
  }  

  if (tempX < 0){tempX = 0}
  if (tempY < 0){tempY = 0}
  
}


function showBigThumb (imageName, origName) {
	var div = document.getElementById("bigThumbDiv");
	div.style.display = "none";	
	
	var img = document.getElementById("imgBigThumbDiv");
	img.style.display = "none";
	img.src = '/files/media/brickthumbbig/'+imageName+'/'+origName;
	
	div.style.top = (tempY + 5) + "px";
	var siteDiv = document.getElementById("site");
	var leftValue = (tempX - siteDiv.offsetLeft + 5);

	div.style.left = leftValue + "px";
	
	img.style.display = "block";
	div.style.display = "block";
	
	
}

function hideBigThumb () {
	var div = document.getElementById("bigThumbDiv");
	div.style.display = "none";		
}

function getBricksContent (brickId) {
	var params = '';
	
	var selectedArea = document.getElementById('selectArea');	
	//selectedArea.selected = "selected";
	
	params += "&selectArea=" + selectedArea.options[selectedArea.selectedIndex].text;
	
	var selectedProduct = document.getElementById('selectProduct');	
	params += "&selectProduct=" + selectedProduct.options[selectedProduct.selectedIndex].text;
	
	//alert (selectedProduct.selectedIndex);	
	if (brickId > 0) {
		params += "&selectBrickId=" + brickId;	
	}
	
	//alert (selectedProduct.value);
	
	doAjax("/de-ch/bricksbrowser-go/", params, "container");
	//alert (params);
	
	return false;
}


function showZoomHoverEfect() {
	var icon = document.getElementById('zoom');	
	icon.style.opacity = 0.5; 
	icon.style.filter = "alpha(opacity:50)";
}

function hideZoomHoverEfect() {
	var icon = document.getElementById('zoom');	
	icon.style.opacity = 1; 
	icon.style.filter = "alpha(opacity:100)"; 		
}

function changeState (elementName, elementId) {
	
		var inputHidden = document.getElementById(elementName + '_' + elementId);
		var face = document.getElementById('img_' + elementName + '_' + elementId);
		
		if (inputHidden.value == 1) {
			inputHidden.value = 0;
		}else{
			inputHidden.value = 1;
		}
		
		if (inputHidden.value != 0) {
			face.className = 'selectedFace';
		}else {
			face.className = 'face';
		}
		
		for (i=1; i < 4; i++) {
			if (i != elementId) {
				var elm = document.getElementById(elementName + '_' + i);
				var elmFace = document.getElementById('img_' + elementName + '_' + i);
				
				elm.value = 0;
				elmFace.className = 'face';
			}
		}
		
		return false;
}

// new window
function newwindow(url, name, w, h, features) {
	if(screen.width){
		var winl = (screen.width-w)/2;
		var wint = (screen.height-h)/2;
	}
	else
	{
		winl = 0;
		wint = 0;
	}
	if (winl < 0)
		winl = 0;
	if (wint < 0)
		wint = 0;
	//var settings = 'scrollbars=yes, resizable=yes, ';
	var settings = '';
	settings += 'height=' + h + ', ';
	settings += 'width=' + w + ', ';
	//settings += 'top=' + wint + ', ';
	//settings += 'left=' + winl + ', ';
	settings += features;
	win = window.open(url, name, settings);
	win.resizeTo(w, h);
	win.focus();
	// do not uncomment this. it is used in links containing
	// a href for users without javascript and an onclick="return newwindow(...);" for users with javascript
	// we do not want the href action to be excuted on success!
	return false;
}

function showROBPopup (){
	var url = "/de-ch/rob_flash.go";
	var params = "";

	doAjax(url, params, "reference_popup");
	
	return false;
}

function hideROBPopup () {
	var flashPopupDiv = document.getElementById("reference_popup");

	flashPopupDiv.style.display = "none";	
	
	return false;
}



function showBrickPopup (brickId, contentId){
	var url = "/de-ch/brick_popup.go";
	var params = "brickId=" + brickId + "&contentId=" + contentId;

	doAjax(url, params, "reference_popup");
	
	return false;
}

function hideBrickPopup () {
	var popupDiv = document.getElementById("reference_popup");

	popupDiv.style.display = "none";	
	
	return false;
}