function EnableImgScript() {
	var imgplacer = document.getElementById("ImagePlacer");
	var imgcont = document.getElementById("ImagesContainer");
	var count = 1;
	for( var i=0; i < imgplacer.childNodes.length; i++ ) {
		var elemImg = imgplacer.childNodes[i];
		if( elemImg.tagName ) {
		    if( elemImg.tagName.toLowerCase() == "img" ) {
			if( count != 1 ) { elemImg.style.display = "none"; }
			elemImg.id = "main:"+count;
			elemImg.title = elemImg.id;
			count++;
		    }
		}
	}
	var count = 1;
	for( var i=0; i < imgcont.childNodes.length; i++ ) {
		var elemImg = imgcont.childNodes[i];
		if( elemImg.tagName ) {
		    if( elemImg.tagName.toLowerCase() == "img" ) {
			if( count == 1 ) {
			    elemImg.className = "on";
			    elemImg.width = elemImg.width-2;
			    elemImg.height = elemImg.height-2;
			}
			elemImg.id = "thumb:"+count;
			elemImg.onclick = function(){
					ImageChange2(this);
				} 
			elemImg.title = "Click image to enlarge";
			count++;
		    }
		}
	}
}

function ImageChange2( inImg )
{
	var imgplacer = document.getElementById("ImagePlacer");
	var count = 1;
	for( var i=0; i < imgplacer.childNodes.length; i++ ) {
		var elemImg = imgplacer.childNodes[i];
		if( elemImg.tagName ) {
		    if( elemImg.tagName.toLowerCase() == "img" ) {
			elemImg.style.display = "none";
			count++;
		    }
		}
	}
	
	var inImgSeqArray = inImg.id.split(":");
	var inImgSeq = inImgSeqArray[inImgSeqArray.length-1];
	
	var main = document.getElementById("main:"+inImgSeq);
	main.style.display = "block";
	//alert(inImg.id);
	
	var orgWidth = 74;
	var orgHeight = 54;
	
	var ImagesContainer = document.getElementById("ImagesContainer");
	for( var i=0; i < ImagesContainer.childNodes.length; i++ ) {
		var elemImg = ImagesContainer.childNodes[i];
		if( elemImg.tagName ) {
		    if( elemImg.tagName.toLowerCase() == "img" ) {
			//alert(elemImg.src+"\n"+elemImg.width+" "+elemImg.height);
			elemImg.className = "";
			elemImg.width = orgWidth;
			elemImg.height = orgHeight;
		    }
		}
	}
	
	inImg.className = "on";
	inImg.width = inImg.width-2;
	inImg.height = inImg.height-2;
}


function ImageChange( inImg )
{
	var mainImage = document.getElementById("MainImage");
	var mainImageSeqArray = mainImage.src.split("/");
	
	var inImgSeqArray = inImg.src.split("/");
	var inImgSeq = inImgSeqArray[inImgSeqArray.length-1];
	
	mainImageSeqArray[mainImageSeqArray.length-1] = inImgSeq;
	
	mainImage.src = mainImageSeqArray.join("/");
	
	//alert(inImg.style.width);
	
	var orgWidth = 74;
	var orgHeight = 54;
	
	var ImagesContainer = document.getElementById("ImagesContainer");
	for( var i=0; i < ImagesContainer.childNodes.length; i++ ) {
		var elemImg = ImagesContainer.childNodes[i];
		if( elemImg.tagName ) {
		    if( elemImg.tagName.toLowerCase() == "img" ) {
			//alert(elemImg.src+"\n"+elemImg.width+" "+elemImg.height);
			elemImg.className = "";
			elemImg.width = orgWidth;
			elemImg.height = orgHeight;
		    }
		}
	}
	
	inImg.className = "on";
	inImg.width = inImg.width-2;
	inImg.height = inImg.height-2;
}

function ChangeTab( tab ) {
	var NewTab = document.getElementById("Tab:"+tab);
	var NewContent = document.getElementById("TabCont:"+tab);
	
	var TabbedContainer = document.getElementById("TabbedContainer");
	for( var i=0; i < TabbedContainer.childNodes.length; i++ ) {
		var elemImg = TabbedContainer.childNodes[i];
		if( elemImg.id ) {
		    if( elemImg.id.indexOf("Tab:") > -1 ) {
			elemImg.className = "tab";
		    }
		    if( elemImg.id.indexOf("TabCont:") > -1 ) {
			elemImg.style.display = "none";
		    }
		}
	}
	
	NewContent.style.display = "block";
	NewTab.className = "tab on";
}

function BookingGoNext(step) {
	var form = document.forms["Booking"];
	for( var i=1; i<=4; i++ ) {
		var formElem = document.getElementById("Form"+i);
		formElem.style.display = "none";
		if( formElem.id == "Form"+(step+1) ) {
			formElem.style.display  = "block";
		}
		var bar = document.getElementById("Bar"+i);
		if( bar.id == "Bar"+step ) {
			//alert( step );
			bar.className = "step on";
		}
		if( bar.id == "Bar"+(step+1) ) {
			//alert( step );
			bar.className = "step onblue";
		}
	}
}

function BookingGoBack(step) {
	var form = document.forms["Booking"];
	for( var i=1; i<=4; i++ ) {
		var formElem = document.getElementById("Form"+i);
		formElem.style.display = "none";
		if( formElem.id == "Form"+(step-1) ) {
			formElem.style.display  = "block";
		}
		var bar = document.getElementById("Bar"+i);
		if( bar.id == "Bar"+(step-1) ) {
			bar.className = "step onblue";
		}
		if( bar.id == "Bar"+step ) {
			bar.className = "step";
		}
	}
}

function ConfirmBooking() {
	var form = document.forms["Booking"];
	var email = document.getElementById("email");
	var label_email = document.getElementById("label:email");
	var book_read = document.getElementById("book_read");
	var label_book_read = document.getElementById("label:book_read");
	var err_mess = "";
	if( email.value == "" ) {
	    err_mess += "You must provide your e-mail address";
	    label_email.style.color = "#CC3300";
	    label_email.style.fontWeight = "bold";
	}
	if( !book_read.checked ) {
	    err_mess += ( err_mess != "" ? "\n\n" : "" );
	    err_mess += "You must tick that you have read and understood Echo Travels booking conditions";
	    label_book_read.className = "red";
	    label_book_read.style.fontWeight = "bold";
	}
	if( err_mess != "" ) {
	    alert( err_mess );
	}else{
	    label_book_read.className = "";
	    label_book_read.style.fontWeight = "normal";
	    label_email.className = "label";
	    label_email.style.fontWeight = "normal";
	    //alert( form.elements["act"].value );
	    form.submit();
	}
}

function BookingAmend() {
	var form = document.forms["BookingConfirm"];
	form.setAttribute("action",document.location);
	var action = form.elements["act"];
	action.value = "amend";
	//alert(action.value);
	form.submit();
}

function ShowDiv(btn) {
	btn.style.display = "none";
	var div = document.getElementById("Div:"+btn.id);
	div.style.display = "block";
}

function none() {
}

function clearDefault(el) {
	if (el.defaultValue==el.value) el.value = "";
}

function setDefault(el) {
	if (el.value=="") el.value = el.defaultValue;
}
