// JavaScript Document
function displayHelp(parentDIV,text,mode)
{

div = document.getElementById(parentDIV);

//if (div.style.display == "none")
  if (mode=="display")
{
	
	div.style.display = "block";
	div.innerHTML = text;
	
	

	
}
if (mode=="hide")
{
	div.style.display = "none";
	div.innerHTML ="";
}
}	



// set mouse over classes for page navigation buttons start, previous, next and end
function bindMouseOver() {
	var buttons=document.getElementsByTagName("button")
	for (var i=0; i < buttons.length; i++) {
		buttons[i].onmouseover=hot;
		buttons[i].onmouseout=cold;	
	}
	
	
	buttons=document.getElementsByTagName("input")
	for (var i=0; i < buttons.length; i++) {
		// set action bar buttons 
		
		
		if (buttons[i].className=="red_long_button") {
			buttons[i].onmouseover=red_hot;
			buttons[i].onmouseout=red_cold;
		}
		
		if (buttons[i].className=="std_short_button") {
			buttons[i].onmouseover=std_short_hot;
			buttons[i].onmouseout=std_short_cold;
		}
		
		
		if (buttons[i].className=="std_medium_button") {
			buttons[i].onmouseover=std_medium_hot;
			buttons[i].onmouseout=std_medium_cold;
		}
				
		
		if (buttons[i].className=="std_long_button") {
			buttons[i].onmouseover=std_long_hot;
			buttons[i].onmouseout=std_long_cold;
		}
		
		if (buttons[i].className=="qs_button") {
			buttons[i].onmouseover=qs_hot;
			buttons[i].onmouseout=qs_cold;
		}
		
		if (buttons[i].className=="find_trader_button") {
			buttons[i].onmouseover=trader_hot;
			buttons[i].onmouseout=trader_cold;
		}
		
		
		if (buttons[i].className=="A_button") {
			buttons[i].onmouseover=A_hot;
			buttons[i].onmouseout=A_cold;
		}
		if (buttons[i].className=="I_button") {
			buttons[i].onmouseover=I_hot;
			buttons[i].onmouseout=I_cold;
		}
		if (buttons[i].className=="Q_button") {
			buttons[i].onmouseover=Q_hot;
			buttons[i].onmouseout=Q_cold;
		}
		
		
		if (buttons[i].className=="login_button") {
			buttons[i].onmouseover=login_hot;
			buttons[i].onmouseout=login_cold;
		}
		if (buttons[i].className=="main_search_button") {
			buttons[i].onmouseover=mainsearch_hot;
			buttons[i].onmouseout=mainsearch_cold;
		}
		if (buttons[i].className=="left_search_button") {
			buttons[i].onmouseover=leftsearch_hot;
			buttons[i].onmouseout=leftsearch_cold;
		}
		if (buttons[i].className=="tiny_button") {
			buttons[i].onmouseover=edit_hot;
			buttons[i].onmouseout=edit_cold;
		}
	}
	
}


//_________________________________________________________________________________________
function red_hot() {
	this.className="red_long_buttonhover"
}
//_________________________________________________________________________________________

function red_cold() {
	this.className="red_long_button"
}

//_________________________________________________________________________________________
function std_medium_hot() {
	this.className="std_medium_buttonhover"
}
//_________________________________________________________________________________________

function std_medium_cold() {
	this.className="std_medium_button"
}

//_________________________________________________________________________________________


//_________________________________________________________________________________________
function std_short_hot() {
	this.className="std_short_buttonhover"
}
//_________________________________________________________________________________________

function std_short_cold() {
	this.className="std_short_button"
}

//_________________________________________________________________________________________
function std_long_hot() {
	this.className="std_long_buttonhover"
}
//_________________________________________________________________________________________

function std_long_cold() {
	this.className="std_long_button"
}

//_________________________________________________________________________________________







//_________________________________________________________________________________________
function trader_hot() {
	this.className="find_trader_buttonhover"
}
//_________________________________________________________________________________________

function trader_cold() {
	this.className="find_trader_button"
}

//_________________________________________________________________________________________


//_________________________________________________________________________________________
function A_hot() {
	this.className="A_buttonhover"
}
//_________________________________________________________________________________________

function A_cold() {
	this.className="A_button"
}

//_________________________________________________________________________________________
function I_hot() {
	this.className="I_buttonhover"
}
//_________________________________________________________________________________________

function I_cold() {
	this.className="I_button"
}

//_________________________________________________________________________________________
function Q_hot() {
	this.className="Q_buttonhover"
}
//_________________________________________________________________________________________

function Q_cold() {
	this.className="Q_button"
}
//_________________________________________________________________________________________



//_________________________________________________________________________________________
function edit_hot() {
	this.className="tiny_buttonhover"
}
//_________________________________________________________________________________________

function edit_cold() {
	this.className="tiny_button"
}
//_________________________________________________________________________________________
function qs_hot() {
	this.className="qs_buttonhover"
}
//_________________________________________________________________________________________

function qs_cold() {
	this.className="qs_button"
}
//_________________________________________________________________________________________
function login_hot() {
	this.className="login_buttonhover"
}
//_________________________________________________________________________________________

function login_cold() {
	this.className="login_button"
}

//_________________________________________________________________________________________

function mainsearch_hot() {
	this.className="main_search_buttonhover"
}
//_________________________________________________________________________________________

function mainsearch_cold() {
	this.className="main_search_button"
}

//_________________________________________________________________________________________
function leftsearch_hot() {
	this.className="left_search_buttonhover"
}
//_________________________________________________________________________________________

function leftsearch_cold() {
	this.className="left_search_button"
}

//_________________________________________________________________________________________



// CSS helper functions
CSS = {
    // Adds a class to an element.
    AddClass: function (e, c) {
        if (!e.className.match(new RegExp("\\b" + c + "\\b", "i")))
            e.className += (e.className ? " " : "") + c;
    },

    // Removes a class from an element.
    RemoveClass: function (e, c) {
        e.className = e.className.replace(new RegExp(" \\b" + c + "\\b|\\b" + c + "\\b ?", "gi"), "");
    }
};
//_________________________________________________________________________________________
function bindTabs()
{
	
			
			var parentID = document.getElementById("toc")
			// get array of anchor links
	  		var anchors = parentID.getElementsByTagName("a");

        	for (var i = 0; i < anchors.length; i++) {
            	var a = anchors[i];
				if (a.hash) a.onclick = function() { 
					clickHandler(this.hash.substring(1));
					return false;
				};	
        	}
	
	
		var contentId;
		
		
		
        if (window.location.hash) contentId = window.location.hash.substring(1);
			
		if (thisTab !="") contentId=thisTab;
		
			
			
        var divs = document.getElementsByTagName("div");
        for (var i = 0; i < divs.length; i++) {
            var div = divs[i];

            if (div.className.match(/\bcontent\b/i)) {
                if (!contentId) contentId = div.id;
                div.id = "_" + div.id;
            }
        }

        if (contentId) setTabs(contentId, true);
	// Hide the content while waiting for the onload event to trigger.
		var contentId = window.location.hash || "#Introduction";

		if (document.createStyleSheet) {
    		var style = document.createStyleSheet();
    		style.addRule("div.content", "display: none;");
    		style.addRule("div" + contentId, "display: block;");
		} else {
    		var head = document.getElementsByTagName("head")[0];
    		if (head) {
        		var style = document.createElement("style");
        		style.setAttribute("type", "text/css");
        		style.appendChild(document.createTextNode("div.content { display: none; }"));
				style.appendChild(document.createTextNode("div" + contentId + " { display: block; }"));
        		head.appendChild(style);
    		}
		}
}
//_________________________________________________________________________________________
function clickHandler(e) {
  		
  	 // Stop the event (to stop it from scrolling or
        // making an entry in the history).
        if (!e) e = window.event;
        if (e.preventDefault) e.preventDefault(); else e.returnValue = false;

		
        // Get the name of the anchor of the link that was clicked.
        setTabs(e,false);

}
//_________________________________________________________________________________________

function setTabs(elem,skipReplace)
{
		
		// Get the TOC element.
        var toc = document.getElementById("toc");
        if (toc) {
            var lis = toc.getElementsByTagName("li");
            for (var j = 0; j < lis.length; j++) {
                var li = lis[j];

                // Give the current tab link the class "current" and
                // remove the class from any other TOC links.
                var anchors = li.getElementsByTagName("a");
                for (var k = 0; k < anchors.length; k++) {
                    if (anchors[k].hash == "#" + elem) {
						//item=anchors[k].parentNode;
						//item.className="current";
                        CSS.AddClass(li, "current1");
                        foundTab = true;
                        break;
                    } else {
                        //item=anchors[k].parentNode;
						//item.className="";
                        CSS.RemoveClass(li, "current1");
                    }
                }
            }
        }

        // Show the content with the specified ID.
        var divsToHide = [];
        var divs = document.getElementsByTagName("div");
        for (var i = 0; i < divs.length; i++) {
            var div = divs[i];

            if (div.className.match(/\bcontent\b/i)) {
				
                if (div.id == "_" + elem)
                    div.style.display = "block";
                else
                    divsToHide.push(div);
            }
        }

        // Hide the other content boxes.
        for (var i = 0; i < divsToHide.length; i++) {
            divsToHide[i].style.display = "none";
		}
        // Change the address bar.
        if (!skipReplace) window.location.replace("#" + elem);
    

}
 
 
 function SetAllCheckBoxes(obj,formname,fieldname, CheckValue){
		if(document.forms[formname].elements[fieldname+"[]"].length){
			for (i = 0; i < document.forms[formname].elements[fieldname+"[]"].length; i++){
				document.forms[formname].elements[fieldname+"[]"][i].checked = CheckValue;
			}
		}else{
			document.forms[formname].elements[fieldname+"[]"].checked = CheckValue;
		}
}

function confirmdelete() {
	var checkBoxes = false;
	var FormName = "myFavourites";
	var FieldName = "pid";
	// Make sure at least 1 checkbox is checked
	if(document.forms[FormName].elements[FieldName+"[]"].length){
		for (i = 0; i < document.forms[FormName].elements[FieldName+"[]"].length; i++) {
			if (document.forms[FormName].elements[FieldName+"[]"][i].checked == true){
				checkBoxes = true;
			}
		}
	}else{
		if (document.forms[FormName].elements[FieldName+"[]"].checked){
			checkBoxes = true;
		}
	}
	
	if (checkBoxes == true) {
		var agree=confirm("The properties you selected will be removed from your short list?");
		if (agree){
			document.forms[FormName].submit();
		}else{
			return ;
		}
	}else{
		alert("There are no selected properties to remove");
		return ;
	}
}


	function validateTermsCheck() {
  		if (document.forms[0].terms.checked == false) {
			alert("Please read the terms and conditions and then check the box")
   			return false;
  		}
  	return true;
 	}
	
	
	
	var displayWaitMessage=true;	// Display a please wait message while images are loading?
  	
   		
	var activeImage = false;
	var imageGalleryLeftPos = false;
	var imageGalleryWidth = false;
	var imageGalleryObj = false;
	var maxGalleryXPos = false;
	var slideSpeed = 0;
	var imageGalleryCaptions = new Array();
	function startSlide(e)
	{
		if(document.all)e = event;
		var id = this.id;
		this.getElementsByTagName('IMG')[0].src = 'images/' + this.id + '_over.gif';	
		if(this.id=='arrow_right'){
			slideSpeedMultiply = Math.floor((e.clientX - this.offsetLeft) / 2);
			slideSpeed = -1*slideSpeedMultiply;
			slideSpeed = Math.max(-5,slideSpeed);
		}else{			
			slideSpeedMultiply = 5 - Math.floor((e.clientX - this.offsetLeft) / 2);
			slideSpeed = 1*slideSpeedMultiply;
			slideSpeed = Math.min(5,slideSpeed);
			if(slideSpeed<0)slideSpeed=5;
		}
	}
	
	function releaseSlide()
	{
		var id = this.id;
		this.getElementsByTagName('IMG')[0].src = 'images/' + this.id + '.gif';
		slideSpeed=0;
	}
		
	function gallerySlide()
	{
		if(slideSpeed!=0){
			var leftPos = imageGalleryObj.offsetLeft;
			leftPos = leftPos/1 + slideSpeed;
			if(leftPos>maxGalleryXPos){
				leftPos = maxGalleryXPos;
				slideSpeed = 0;
				
			}
			if(leftPos<minGalleryXPos){
				leftPos = minGalleryXPos;
				slideSpeed=0;
			}
			
			imageGalleryObj.style.left = leftPos + 'px';
		}
		setTimeout('gallerySlide()',20);
		
	}
	
	function showImage()
	{
		if(activeImage){
			activeImage.style.filter = 'alpha(opacity=50)';	
			activeImage.style.opacity = 0.5;
		}	
		this.style.filter = 'alpha(opacity=100)';
		this.style.opacity = 1;	
		activeImage = this;	
	}
	
	function initSlideShow()
	{
		document.getElementById('arrow_left').onmousemove = startSlide;
		document.getElementById('arrow_left').onmouseout = releaseSlide;
		document.getElementById('arrow_right').onmousemove = startSlide;
		document.getElementById('arrow_right').onmouseout = releaseSlide;
		
		imageGalleryObj = document.getElementById('theImages');
		imageGalleryLeftPos = imageGalleryObj.offsetLeft;
		imageGalleryWidth = document.getElementById('galleryContainer').offsetWidth - 80;
		maxGalleryXPos = imageGalleryObj.offsetLeft; 
		minGalleryXPos = imageGalleryWidth - document.getElementById('slideEnd').offsetLeft;
		var slideshowImages = imageGalleryObj.getElementsByTagName('IMG');
		for(var no=0;no<slideshowImages.length;no++){
			slideshowImages[no].onmouseover = showImage;
		}
		
		var divs = imageGalleryObj.getElementsByTagName('DIV');
		for(var no=0;no<divs.length;no++){
			if(divs[no].className=='imageCaption')imageGalleryCaptions[imageGalleryCaptions.length] = divs[no].innerHTML;
		}
		gallerySlide();
	}
	
	
	window.onload = initSlideShow;