window.onload = initAjaxTabs;
		
		var loadstatustext_cool="<div style=\"display:block;font-family:verdana,arial;text-align: center;arial;color:gray;padding:4px;padding-top:28px;\"><div style=\"display:inline;margin: 0 auto;\"><img src=\"http://images.coronaria.fi/?id=4188303\" alt=\"\" /> Ladataan...</div></div>"
		
		var siteUrl = '/';
		
		function ajaxinit () {
			if (window.XMLHttpRequest) // if Mozilla, Safari etc
				return (new XMLHttpRequest());
			else if (window.ActiveXObject){ // if IE
				try {
					return ( new ActiveXObject("Msxml2.XMLHTTP"));
				} 
				catch (e){
					try{
						return ( new ActiveXObject("Microsoft.XMLHTTP"));
					}
					catch (e){}
				}
			}
			else {
				return false;
			}
		}
		
		function initAjaxTabs() {
			if (ajaxinit()) {
				//quick hack, should be document.getElementById('tabRow').getElementsByTagName('td') loop or smth, where a's have a certain class...
				if (document.getElementById('tab_1')) {
					document.getElementById('tab_1').href = 'javascript:void(0)';
					document.getElementById('tab_2').href = 'javascript:void(0)';
					/*document.getElementById('tab_3').href = 'javascript:void(0)';*/
				}
			}
		}
		
		function loadpage(page_request, containerid, fade){
			if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1)) {
				//document.getElementById(containerid).style.visibility = 'hidden';
				document.getElementById(containerid).innerHTML=page_request.responseText;
				if (fade == 1) {
					setOpacity(document.getElementById(containerid), 0);
					//document.getElementById(containerid).style.visibility = 'visible';
					fadeIn(containerid,0,10);
				} else {
					document.getElementById(containerid).style.visibility = 'visible';
				}
			}
		}
		
		function fadeIn(elementId,opacity,speed) {
			if (opacity <= 100) {
		      	setOpacity(document.getElementById(elementId), opacity);
		      	opacity += 10;
		      	window.setTimeout("fadeIn('"+elementId+"',"+opacity+", "+speed+")", speed);
		    }
		
		}
		
		
		function setOpacity(obj, opacity) {
		  opacity = (opacity == 100)?99.999:opacity;
		  //obj.style.visibility = 'visible';
		  // IE/Win
		  obj.style.filter = "alpha(opacity:"+opacity+")";
		  
		  // Safari<1.2, Konqueror
		  obj.style.KHTMLOpacity = opacity/100;
		  
		  // Older Mozilla and Firefox
		  obj.style.MozOpacity = opacity/100;
		  
		  // Safari 1.2, newer Firefox and Mozilla, CSS3
		  obj.style.opacity = opacity/100;
		}
		
		function fadeColours(elementId,red,green,blue,speed) {
		
			if (red ==255 && green == 255 && blue==255) {
				document.getElementById(elementId).style.backgroundColor = "transparent";
				return true;
			}
		
			document.getElementById(elementId).style.backgroundColor = "rgb("+red+","+green+","+blue+")";
		
			red = red + Math.ceil((246 - red)/10);
			green = green + Math.ceil((163-green)/10);
			blue = blue + Math.ceil((0-blue)/10);
		
			setTimeout("fadeColours('"+elementId+"',"+red+","+green+","+blue+","+speed+")", speed);
			//document.getElementById(elementId).style.backgroundColor = '#f6a300';
		}
		
		
		function loadTabContent(tabName, el) {
			//active the graphics....
			var page_request = ajaxinit();
			if (!page_request) {
				return false;
			}	
			document.getElementById('ttTabContent').innerHTML=loadstatustext_cool;
			page_request.onreadystatechange=function(){
					loadpage(page_request, 'ttTabContent', 10);
			}
			//alert(el.parentNode.className);	
			page_request.open('GET', siteUrl+'serveAjax.php?a=edit&tt&step='+tabName, true);
			page_request.send(null);
			
			list = el.parentNode.parentNode.childNodes;
			
			//deactivate tabs
			for (i=0;i<list.length;i++) {
				if (list[i].className == 'ttTabHeader_active') {
					list[i].className = 'ttTabHeader';
				}
				if (list[i].className == 'ttTabLeftCell_active') {
					list[i].className = 'ttTabLeftCell';
				}
				if (list[i].className == 'ttTabRightCell_active') {
					list[i].className = 'ttTabRightCell';
				}
			}
			
			//activate the clicked one, attention: problems w/ old IE
			el.parentNode.className = el.parentNode.className+'_active';
			el.parentNode.nextSibling.className = el.parentNode.nextSibling.className+'_active';
			el.parentNode.previousSibling.className = el.parentNode.previousSibling.className+'_active';
		
		}

		function makePOSTRequest(url, parameters) {
			var page_request = ajaxinit();
			if (!page_request) {
				return false;
			}	
			document.getElementById('ttTabContent').innerHTML=loadstatustext_cool;
			
			page_request.onreadystatechange = function(){
				loadpage(page_request, 'ttTabContent');
			}
			page_request.open('POST', url, true);
			page_request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
			page_request.setRequestHeader("Content-length", parameters.length);
			page_request.setRequestHeader("Connection", "close");
			page_request.send(parameters);
   		}

   		
		function submitAjaxForm(form,action) {
			
			var postString = "";
			var separator = "";
			for(i=0; i<form.elements.length; i++){
				if(form.elements[i].type == "text" || form.elements[i].type == "password" || form.elements[i].type == "textarea" || form.elements[i].type == "hidden"){
				//	postString += separator+form.elements[i].name+"="+escape(form.elements[i].value);
					postString += separator+form.elements[i].name+"="+escape(form.elements[i].value);
					//postString += separator+form.elements[i].name+"="+encodeURIComponent(form.elements[i].value);
				} else if (form.elements[i].type == "checkbox") {
					if (form.elements[i].checked == true) {
						postString += separator+form.elements[i].name+"="+form.elements[i].value;
					}
				} else if (form.elements[i].type == "select-one") {
					postString += separator+form.elements[i].name+"="+form.elements[i].options[form.elements[i].selectedIndex].value;
				}
				separator = "&";
			}
			//alert(postString);
			makePOSTRequest(siteUrl+'serveAjax.php?a=edit&tt&step='+action,postString);
			if (ajaxinit()) {
				return false;
			} else {
				return true;
			}
			
			//else
			//	return true;	
		}

		function highlightTab(el) {
			el.parentNode.className = el.parentNode.className+'_highlight';
			el.parentNode.nextSibling.className = el.parentNode.nextSibling.className+'_highlight';
			el.parentNode.previousSibling.className = el.parentNode.previousSibling.className+'_highlight';			
		}

		function dehighlightTab(el) {
		
		}
		
		/* FILE UPLOAD STYLING */
		function initFileUploads() {
			//alert("hei");
			var W3CDOM = (document.createElement && document.getElementsByTagName);
			if (!W3CDOM) return;
			var fakeFileUpload = document.createElement('div');
			fakeFileUpload.style.width = '100%';
			fakeFileUpload.style.textAlign = 'right';
			fakeFileUpload.className = 'fakefile';
			inputField = document.createElement('input');
			inputField.style.width = '325px';
			//inputField.disabled = true;
			inputField.className = 'text';
			inputField.style.marginRight = '2px';
			inputField.style.marginBottom = '8px';
			fakeFileUpload.appendChild(inputField);
			var image = document.createElement('img');
			image.src='hazard/tervetunnus/btn.browse.gif';
			fakeFileUpload.appendChild(image);
			var x = document.getElementsByTagName('input');
			for (var i=0;i<x.length;i++) {
				if (x[i].type != 'file') continue;
				if (x[i].parentNode.className != 'fileinputs') continue;
				x[i].className = 'file hidden';
				var clone = fakeFileUpload.cloneNode(true);
				x[i].parentNode.appendChild(clone);
				x[i].relatedElement = clone.getElementsByTagName('input')[0];
				x[i].onchange = x[i].onmouseout = function () {
					this.relatedElement.value = this.value;
				}
			}
		}


			// popUpWin
			function popUpWin(url,name,w,h) {
				var x=(screen.width/2-w/2);
				var y=(screen.height/2-h/2);
				window.open(url,name,"toolbar=no,location=no,directories=no,status=no,menuvar=no,resizable=yes,scrollbars=yes,width="+w+",height="+h+",screenX="+x+",screenY="+y+",left="+x+",top="+y);
			};

			//For next or prev navigation of steps
			function go (url) {
				if (url != null) {
					window.location=url;
					return false;
				}
			}
			
			function validateDisclaimer() {
				if (document.getElementById('disclaimer').checked == true) {
					//succesful submit
					return true;
				} else {
					alert("Sinun täytyy hyväksyä rekisteriseloste.");
					return false;
				}
				
			}
			
			
			function addBaby(form,camount,mode) {				
				form.posted.value='0';
				form.camount.value=camount;
				
				if (mode==1) {
					if (submitAjaxForm(document.getElementById('ttform'),'2'))
						return false;
					else
						return true;
				} else {
					return true;
				}
			}

			function deleteBaby(form,camount,cdelete,mode) {				
				form.posted.value='0';
				form.camount.value=camount;
				form.cdelete.value=cdelete;
				//form.submit();
				if (mode==1) {
					if (submitAjaxForm(document.getElementById('ttform'),'2'))
						return false;
					else
						return true;
				} else {
					return true;
				}
			}
			
			function selectImage(name) {				
				while( window.opener.document.getElementById('avatarImg').hasChildNodes() ) { 
					window.opener.document.getElementById('avatarImg').removeChild( window.opener.document.getElementById('avatarImg').firstChild ); 
				}
				
				img = document.createElement('img');
				var now = new Date();
				img.src = 'http://images.coronaria.fi/tmp/'+name+'?'+now.getTime();
				window.opener.document.getElementById('avatarImg').appendChild(img);
				window.opener.document.getElementById('avatarImg').appendChild(field);
				window.opener.document.getElementById('avatarLink').innerHTML = 'Vaihda avatar';
				
				//window.opener.reload();
				window.close();
			}
			
			function deleteImage() {
				if (confirm("Haluatko poistaa kuvan? Huomaa, että poisto tulee voimaan tallennuksen yhteydessä.")) {
					document.getElementById('image').value = '';
					document.getElementById('deletedImage').value = '1';
					document.getElementById('selectedImageHidden').value = 'http://images.coronaria.fi/?id=4145987';
					document.getElementById('selectedImage').src = 'http://images.coronaria.fi/?id=4145987';
				} else {
					return false;
				}
			}