function clearMiddleContainer() {
	var element = document.getElementById("middle-container");
	element.innerHTML = "<div id=\"script\"></div><div id=\"objednavka1\"></div><div id=\"gallery1\"></div><div id=\"navigation1\"></div></div><div id=\"table\"></div>";
	//document.getElementById("gallery1").style.height = '0px';
	document.getElementById("nazevRady").value = 'neuvažovat';
	document.getElementById("material").value = 'neuvažovat';
	document.getElementById("barva").value = 'neuvažovat';
	document.getElementById("delka").value = 'neuvažovat';
	document.getElementById("velikost").value = 'neuvažovat';
	document.getElementById("velikostCart").value = 'neuvažovat';

}
function clearMiddleContainerTotal() {
	var element = document.getElementById("middle-container");
	element.innerHTML = "<div id=\"objednavka1\"></div>";
	document.getElementsByTagName("input")["nazevRady"].value = 'neuvažovat';
	document.getElementsByTagName("input")["material"].value = 'neuvažovat';
	document.getElementsByTagName("input")["barva"].value = 'neuvažovat';
	document.getElementsByTagName("input")["delka"].value = 'neuvažovat';
	document.getElementsByTagName("input")["velikost"].value = 'neuvažovat';
	document.getElementsByTagName("input")["velikostCart"].value = 'neuvažovat';
}

function clearGalleryNav() {
	var element = document.getElementById("gallery1");
	element.innerHTML = "<div id=\"gallery1\"></div>";
	var element = document.getElementById("navigation1");
	element.innerHTML = "<div id=\"navigation1\"></div>";
}

function changeContent(elementId, url) {
	if (elementId != "objednavka1") clearMiddleContainer();
	var element = document.getElementById(elementId);
	var xmlHttp;
	try {
		// Firefox, Opera 8.0+, Safari
		xmlHttp = new XMLHttpRequest();
	} catch (e) {
		// Internet Explorer
		try {
			xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try {
				xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e) {
				alert("Your browser does not support AJAX!");
				return false;
			}
		}

	}

	xmlHttp.onreadystatechange = function() {
		if (xmlHttp.readyState == 4) // The request is complete
		{
			element.innerHTML = xmlHttp.responseText;
			resetTable();
		}
	}
	xmlHttp.open("POST", url, true);
	xmlHttp.send(null);

}

function changeContentGET(elementId, url) {
	//clearMiddleContainer();
	var element = document.getElementById(elementId);
	var xmlHttp;
	try {
		// Firefox, Opera 8.0+, Safari
		xmlHttp = new XMLHttpRequest();
	} catch (e) {
		// Internet Explorer
		try {
			xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try {
				xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e) {
				alert("Your browser does not support AJAX!");
				return false;
			}
		}

	}

	xmlHttp.onreadystatechange = function() {
		if (xmlHttp.readyState == 4) // The request is complete
		{
			element.innerHTML = xmlHttp.responseText;
			resetTable();
		}
	}
	xmlHttp.open("GET", url, true);
	xmlHttp.send(null);

}


function changeLocalContent(elementId, self, param) {
	var change = document.getElementById('change');
	change.value = 'true';
	var element = document.getElementsByTagName("input")[elementId];
	var selName = elementId + 'Selected';
	var selectedElement = document.getElementById(selName);
	

	if (selectedElement.value != "" && selectedElement.value != 'neuvažovat') {
		document.getElementById(selectedElement.value).style.color = "gray";
	}
	self.style.color = "black";
	
	
	if (param.search(/wenstein/g) != -1){
		element.value = 'wenstein';
	} else {
		element.value = param;
	}
	selectedElement.value = self.id;
	

}

function resetTable() {
	var els = document.getElementsByTagName("span");
	var sw = 0;
	for (i = 0; i < els.length; i++) {
		// console.log(els[i].innerHTML);
		if (els[i].innerHTML == 'neuvažovat') {
			switch (sw) {
			case 0:
				document.getElementById("nazevRadySelected").value = els[i].id;
				break;
			case 1:
				document.getElementById("materialSelected").value = els[i].id;
				break;
			case 2:
				document.getElementById("barvaSelected").value = els[i].id;
				break;
			case 3:
				document.getElementById("delkaSelected").value = els[i].id;
				break;
			case 4:
				document.getElementById("velikostSelected").value = els[i].id;
				break;
			}
			sw++;
		}
	}
}

function changeDetailContentPD(elementId, url, nr) {
	// clearMiddleContainer();
	var element = document.getElementById(elementId);
	var xmlHttp;
	try {
		// Firefox, Opera 8.0+, Safari
		xmlHttp = new XMLHttpRequest();
	} catch (e) {
		// Internet Explorer
		try {
			xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try {
				xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e) {
				alert("Your browser does not support AJAX!");
				return false;
			}
		}
	}

	xmlHttp.onreadystatechange = function() {
		if (xmlHttp.readyState == 4) // The request is complete
		{
			var splitted = xmlHttp.responseText.split('#|#');
			element.innerHTML = splitted[0];
			changeImage(splitted);
			return true;
		}
	}
	try {
		var nazevRady = escape(document.getElementById("radaPD").innerHTML);
		var material = escape(document.getElementById("materialPD").innerHTML);
		var barva = escape(document.getElementById("barvaPD").innerHTML);
		var delka = escape(document.getElementById("rukavPD").innerHTML);
		var velikost = escape(document.getElementById("velikost").value);
		var select = document.getElementById("velikostSelect").options;
		var mnozstvi = select[select.selectedIndex].value;
		var velikostCart = escape(document.getElementById("velikostCart").value);
		if (document.getElementsByTagName("input")["vyska"]){
      var vyska = document.getElementsByTagName("input")["vyska"].value;
      if (vyska.length == 0){
        alert("Neplatna vyska postavy");
        document.getElementsByTagName("input")["vyska"].focus();
        exit(0);
      }
    }else {
      var vyska = "";
    }
	} catch (ex) {
		var mnozstvi = 0;
		var velikostCart = 0;
	}

	xmlHttp.open("POST", url, true);
	xmlHttp.setRequestHeader('Content-Type',
			'application/x-www-form-urlencoded');
	xmlHttp.send("nazevRady=" + nazevRady + "&material=" + material + "&barva="
			+ barva + "&delka=" + delka + "&velikost=" + velikost
			+ "&velikostCart=" + velikostCart + "&nr=" + nr + "&mnozstvi="
			+ mnozstvi + "&vyska=" + vyska);
}

function changeDetailContent(elementId, url, nr) {
	// clearMiddleContainer();

	var element = document.getElementById(elementId);
	var xmlHttp;
	try {
		// Firefox, Opera 8.0+, Safari
		xmlHttp = new XMLHttpRequest();
	} catch (e) {
		// Internet Explorer
		try {
			xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try {
				xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e) {
				alert("Your browser does not support AJAX!");
				return false;
			}
		}
	}

	xmlHttp.onreadystatechange = function() {
		if (xmlHttp.readyState == 4) // The request is complete
		{
			var splitted = xmlHttp.responseText.split('#|#');
			element.innerHTML = splitted[0];
			changeImage(splitted);
			try {document.getElementsByTagName('tr')['hlavicka'].style.height= 200+'px';}
			catch(e){}
		}
	}
	try {
		var nazevRady = escape(document.getElementsByTagName("input")["nazevRady"].value);
		var material = escape(document.getElementsByTagName("input")["material"].value);
		var barva = escape(document.getElementsByTagName("input")["barva"].value);
		var delka = escape(document.getElementsByTagName("input")["delka"].value);
		var velikost = escape(document.getElementsByTagName("input")["velikost"].value);
		var select = document.getElementsById("velikostSelect").options;
		var mnozstvi = select[select.selectedIndex].value;
		var velikostCart = escape(document.getElementById["velikostCart"].value);
	} catch (ex) {
		// console.log(ex);
		var mnozstvi = 0;
		var velikostCart = 0;
	}

	xmlHttp.open("POST", url, true);
	xmlHttp.setRequestHeader('Content-Type',
			'application/x-www-form-urlencoded');
	xmlHttp.send("nazevRady=" + nazevRady + "&material=" + material + "&barva="
			+ barva + "&delka=" + delka + "&velikost=" + velikost
			+ "&velikostCart=" + velikostCart + "&nr=" + nr + "&mnozstvi="
			+ mnozstvi);
}

function changeDetailContentSearch(elementId, url, nr) {
	// clearMiddleContainer();
	var change = document.getElementById('change').value;
	if (change == 'true') {
		nr = 1;
		change = 'false';
	}
	var element = document.getElementById(elementId);
	var xmlHttp;
	try {
		// Firefox, Opera 8.0+, Safari
		xmlHttp = new XMLHttpRequest();
	} catch (e) {
		// Internet Explorer
		try {
			xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try {
				xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e) {
				alert("Your browser does not support AJAX!");
				return false;
			}
		}
	}

	xmlHttp.onreadystatechange = function() {
		if (xmlHttp.readyState == 4) // The request is complete
		{
			var splitted = xmlHttp.responseText.split('#|#');
			changeImage(splitted);
			element.innerHTML = splitted[0];	
		}
	}
	var nazevRady = escape(document.getElementsByTagName("input")["nazevRady"].value);
	if (nazevRady.search(/wenstein/g) != -1) nazevRady = 'wenstein';
	var material = escape(document.getElementsByTagName("input")["material"].value);
	var barva = escape(document.getElementsByTagName("input")["barva"].value);
	var delka = escape(document.getElementsByTagName("input")["delka"].value);
	var velikost = escape(document.getElementsByTagName("input")["velikost"].value);
	try {
		var select = document.getElementById("velikostSelect").options;
		var mnozstvi = select[select.selectedIndex].value;
		var velikostCart = escape(document.getElementById("velikostCart").value);
	} catch (ex) {
		var mnozstvi = 0;
		var velikostCart = 0;
	}

	xmlHttp.open("POST", url, true);
	xmlHttp.setRequestHeader('Content-Type',
			'application/x-www-form-urlencoded');
	xmlHttp.send("nazevRady=" + nazevRady + "&material=" + material + "&barva="
			+ barva + "&delka=" + delka + "&velikost=" + velikost
			+ "&velikostCart=" + velikostCart + "&nr=" + nr + "&mnozstvi="
			+ mnozstvi);
}

function changeImage(image) {
	var element = document.getElementById("gallery1");
	var xmlHttp;
	try {
		// Firefox, Opera 8.0+, Safari
		xmlHttp = new XMLHttpRequest();
	} catch (e) {
		// Internet Explorer
		try {
			xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try {
				xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e) {
				alert("Your browser does not support AJAX!");
				return false;
			}
		}
	}

	xmlHttp.onreadystatechange = function() {
		if (xmlHttp.readyState == 4) // The request is complete
		{
			// // odmazeme stary skript, pokud existoval
			// var dataLoader = document.getElementById('scriptLoader');
			// if(dataLoader) element.removeChild(dataLoader);

			// vytvorime novy element script
			// var oScript = document.createElement('script');
			// oScript.id = 'scriptLoader';
			// oScript.text = xmlHttp.responseText;
			// oScript.type="text/javascript";

			// element.appendChild(oScript);

			element.innerHTML = xmlHttp.responseText;
			for (i = 1; i <= 3; i++) {
				input = document.createElement('input');
				input.setAttribute("type", "hidden");
				input.setAttribute("id", image[i]);
				var dataLoader = document.getElementById(image[i]);
				if(dataLoader) document.getElementById('container-main').removeChild(dataLoader);
				input.value = escape(image[i+3]);
				
				document.getElementById('container-main').appendChild(input);
			}
		}
	}
	xmlHttp.open("POST", '/joss/public/image', true);
	xmlHttp.setRequestHeader('Content-Type',
			'application/x-www-form-urlencoded');
	try{
	xmlHttp.send("image1=" + image[1].replace(/^\s+|\s+$/g, "") + "&image2="
			+ image[2].replace(/^\s+|\s+$/g, "") + "&image3="
			+ image[3].replace(/^\s+|\s+$/g, ""));
	}
	catch (e){
	}
	// console.log(image);
}

function submitForm(phpScriptURL) {

	var xmlHttp;

	try {
		// Firefox, Opera 8.0+, Safari
		xmlHttp = new XMLHttpRequest();
	} catch (e) {
		// Internet Explorer
		try {
			xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try {
				xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e) {
				alert("Your browser does not support AJAX!");
				return false;
			}
		}
	}

	var URLto = phpScriptURL;
	var theFormName = 'objednavka';
	// function to build POST requests

	xmlHttp.onreadystatechange = function() {
		if (xmlHttp.readyState == 4) // The request is complete
		{
			document.getElementById('objednavka1').innerHTML = xmlHttp.responseText;
		}
	}
	var xmlMessage = buildPOST(theFormName);
	xmlHttp.open("POST", URLto, true);

	// for ie compatability
	xmlHttp.setRequestHeader('Content-Type',
			'application/x-www-form-urlencoded');

	xmlHttp.send(xmlMessage);
}
function fillSelect(count, self) {
	var el = document.getElementById("velikostSelect");
	var selEl = document.getElementById("velikostCartSelected");
	document.getElementById("velikostCart").value = parseInt(self[self.selectedIndex].text
			.replace(/^\s+|\s+$/g, ""));
	
	selEl.value = self[self.selectedIndex].value;
	el.options.length = 0;
	for (i = (count > 0) ? 1 : 0; i <= count; i++) {
		try {
			
			var elOptNew = document.createElement('option');
			elOptNew.text = i.toString();
			elOptNew.value = i.toString();

			el.options.add(elOptNew); // standards
			// compliant;
			// doesn't work in
			// IE
		} catch (ex) {
			el.options.add(elOptNew, el.selectedIndex); // IE only
		}
	}

}

function checkValue(){
	var select = document.getElementById("velikostSelect").options;
	var mnozstvi = select[select.selectedIndex].value;
	if (mnozstvi > 0) alert('Vybrané zboží přidáno do košíku');
}


function buildPOST(theFormName) {
	var Url = {

		// public method for url encoding
		encode : function(string) {
			return escape(this._utf8_encode(string));
		},

		// public method for url decoding
		decode : function(string) {
			return this._utf8_decode(unescape(string));
		},

		// private method for UTF-8 encoding
		_utf8_encode : function(string) {
			string = string.replace(/\r\n/g, "\n");
			var utftext = "";

			for ( var n = 0; n < string.length; n++) {

				var c = string.charCodeAt(n);

				if (c < 128) {
					utftext += String.fromCharCode(c);
				} else if ((c > 127) && (c < 2048)) {
					utftext += String.fromCharCode((c >> 6) | 192);
					utftext += String.fromCharCode((c & 63) | 128);
				} else {
					utftext += String.fromCharCode((c >> 12) | 224);
					utftext += String.fromCharCode(((c >> 6) & 63) | 128);
					utftext += String.fromCharCode((c & 63) | 128);
				}

			}

			return utftext;
		},

		// private method for UTF-8 decoding
		_utf8_decode : function(utftext) {
			var string = "";
			var i = 0;
			var c = c1 = c2 = 0;

			while (i < utftext.length) {

				c = utftext.charCodeAt(i);

				if (c < 128) {
					string += String.fromCharCode(c);
					i++;
				} else if ((c > 191) && (c < 224)) {
					c2 = utftext.charCodeAt(i + 1);
					string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));
					i += 2;
				} else {
					c2 = utftext.charCodeAt(i + 1);
					c3 = utftext.charCodeAt(i + 2);
					string += String.fromCharCode(((c & 15) << 12)
							| ((c2 & 63) << 6) | (c3 & 63));
					i += 3;
				}

			}

			return string;
		}

	}
	theForm = document.forms[theFormName];
	var qs = ''
	for (e = 0; e < theForm.elements.length; e++) {
		if (theForm.elements[e].name != '') {
			var name = theForm.elements[e].name;
			qs += (qs == '') ? '' : '&'
			qs += name + '=' + Url.encode(theForm.elements[e].value);
		}
	}
	// qs += "\n";
	return qs;
}



/**
 * DHTML email validation script. Courtesy of SmartWebby.com (http://www.smartwebby.com/dhtml/)
 */

function echeck(str) {

		var at="@"
		var dot="."
		var lat=str.indexOf(at)
		var lstr=str.length
		var ldot=str.indexOf(dot)
		if (str.indexOf(at)==-1){
		   //alert("Invalid E-mail ID")
		   return false
		}

		if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr){
		   //alert("Invalid E-mail ID")
		   return false
		}

		if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)==lstr){
		    //alert("Invalid E-mail ID")
		    return false
		}

		 if (str.indexOf(at,(lat+1))!=-1){
		    //alert("Invalid E-mail ID")
		    return false
		 }

		 if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot){
		   // alert("Invalid E-mail ID")
		    return false
		 }

		 if (str.indexOf(dot,(lat+2))==-1){
		   // alert("Invalid E-mail ID")
		    return false
		 }
		
		 if (str.indexOf(" ")!=-1){
		   // alert("Invalid E-mail ID")
		    return false
		 }

 		 return true					
	}
	
	function handleKeyPress(text, url){
	 
    
      var element = document.getElementsByTagName("div")["login"];
    	var xmlHttp;
	try {
		// Firefox, Opera 8.0+, Safari
		xmlHttp = new XMLHttpRequest();
	} catch (e) {
		// Internet Explorer
		try {
			xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try {
				xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e) {
				alert("Your browser does not support AJAX!");
				return false;
			}
		}
	}

	xmlHttp.onreadystatechange = function() {
		if (xmlHttp.readyState == 4) // The request is complete
		{
				element.innerHTML = xmlHttp.responseText;
		
		}
	}
	xmlHttp.open("POST", url, true);
	xmlHttp.setRequestHeader('Content-Type',
			'application/x-www-form-urlencoded');
	xmlHttp.send("username=" + text);
    }
  
  
  	function handleLogin(url){
      var text = document.getElementsByTagName('input')['loginPassword'].value;
      var element = document.getElementsByTagName("div")["login"];
      var login = document.getElementsByTagName("input")["usernameLogin"].value;
      
    	var xmlHttp;
	try {
		// Firefox, Opera 8.0+, Safari
		xmlHttp = new XMLHttpRequest();
	} catch (e) {
		// Internet Explorer
		try {
			xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try {
				xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e) {
				alert("Your browser does not support AJAX!");
				return false;
			}
		}
	}

	xmlHttp.onreadystatechange = function() {
		if (xmlHttp.readyState == 4) // The request is complete
		{
				element.innerHTML = xmlHttp.responseText;
		
		}
	}
	xmlHttp.open("POST", url, true);
	xmlHttp.setRequestHeader('Content-Type',
			'application/x-www-form-urlencoded');
	xmlHttp.send("password=" + text + "&login=" + login);
    }
function resetFilter2Line(line){
	document.getElementsByTagName("input")["nazevRady"].value = line;
	document.getElementsByTagName("input")["material"].value = "neuvažovat";
	document.getElementsByTagName("input")["barva"].value = "neuvažovat";
	document.getElementsByTagName("input")["delka"].value = "neuvažovat";
	document.getElementsByTagName("input")["velikost"].value = "neuvažovat";
}