$(document).ready(function() {
	
	var scrollPos = new Array();
	$("div[class^=homepage-]").each(function(i){
		scrollPos[$(this).attr("class")] = $(this).offset().left - $(".banner_container").offset().left;
	})
	
	$("#feature_navigation a").click(function(e){
		e.preventDefault();
		window.location.hash = $(this).attr("class");
		prev_hash = $(this).attr("class");
		$("#feature_navigation").find('a').each(function(){
			$(this).removeClass("selected");
			/*$(".homepage-" + $(this).attr("class")).hide();*/
		});
		/*$(".homepage-" + $(this).attr("class")).show();*/
		
		targetLeft = scrollPos["homepage-" + $(this).attr("class")];
		$('.banner_container').animate({"scrollLeft": targetLeft}, 200);
		$(this).addClass("selected");
		
		/*if($(this).attr("class") == "home"){
			$('#logo-tabpage_all').fadeOut();
		} else {
			$('#logo-tabpage_all').fadeIn();
		}*/
		
	});
	
	hash = window.location.hash.slice(1, window.location.hash.length);
	
	if(window.location.hash != ""){
		
		$("#feature_navigation").find('a').each(function(){
			$(this).removeClass("selected");
			//$(".homepage-" + $(this).attr("class")).hide();
		});
		
		$("#feature_navigation a").each(function(){
			name = $(this).attr("class");
			if(name == hash){
				//$(".homepage-" + name).show();
				$(this).addClass("selected");
				targetLeft = scrollPos["homepage-" + name];
				$('.banner_container').animate({"scrollLeft": targetLeft}, "slow");
			}
		});

	}
	
	prev_hash = window.location.hash.slice(1, window.location.hash.length);
	hash_monitor_timer = setInterval(hash_monitor, 500);
	
});

function hash_monitor(){
	
	hash = window.location.hash.slice(1, window.location.hash.length);
	
	if(hash != prev_hash){
		
		$("#feature_navigation").find('a').each(function(){
			$(this).removeClass("selected");
			//$(".homepage-" + $(this).attr("class")).hide();
		});
		
		$("#feature_navigation a").each(function(){
			name = $(this).attr("class");
			if(name == hash){
				window.location.reload();
			}
		});
		
		if(hash == ""){
			//$(".homepage-home").show();
			$("#feature_navigation .home").addClass("selected");
			targetLeft = scrollPos["homepage-home"];
			$('.banner_container').animate({"scrollLeft": targetLeft}, "slow");
		}
		
	}
	
	prev_hash = hash;
	
}



/*
   MIS - Minimalist Image Slideshow
   Version 3
   January 16, 2011

   ---

   Marc Robledo
   http://usuaris.tinet.cat/mark/mis


var WAIT=5; // SET THE PAUSE BETWEEN IMAGES IN SECONDS

var i=0;
var nexti=0;
var iMax=0;
var timer=0;
var changing=false;

function prepareNextImg(){
	clearTimeout(timer);

	document.getElementById('MIS-image'+i).style.zIndex=500;
	document.getElementById('MIS-image'+nexti).style.opacity=0;
	document.getElementById('MIS-image'+nexti).style.zIndex=501;

	var alpha=0;
	timer=window.setInterval(function(){
		alpha+=10;
		document.getElementById('MIS-image'+nexti).style.opacity=alpha/100;
		if(alpha==100){
			document.getElementById('MIS-image'+i).style.opacity=0;
			i=nexti;
			changing=false;
			clearInterval(timer);
			resetTimer();
		}
	}, 40);
}

function resetTimer(){
	timer=window.setTimeout(nextImage, WAIT*1000);
}

function nextImage(){
	if(!changing){
		changing=true;
		nexti++;
		if(nexti==iMax)
			nexti=0;
	
		prepareNextImg();
	}
}

function prevImage(){
	if(!changing){
		changing=true;
		nexti--;
		if(nexti==-1)
			nexti=iMax-1;
	
		prepareNextImg();
	}
}

//Startup
function init(){
	//Get maximum number of images
	while(document.getElementById('MIS-image'+iMax)){
		iMax++;
	}

	//Set first image as opaque and the rest as transparent
	//document.getElementById('MIS-image0').style.zIndex=501;
	for(i=1; i<iMax; i++){
		document.getElementById('MIS-image'+i).style.opacity=0;
		document.getElementById('MIS-image'+i).style.zIndex=500;
	}
	i=0;

	resetTimer();
}
window.onload=init;
*/
/**************************************************
	SEND FORM
**************************************************/

var x;
var form_contact_required = new Array("email", "enquiry");

function check_form(url, form_name){
	
	//$('#' + form_name + ' .loader').css({display: 'block'});
	
	error_message = "";
	url_string = "";
	
	 for(i=0; i < document[form_name].elements.length; i++){
		
		
		///*
		if(document[form_name].elements[i].name.toLowerCase() != "submit" && document[form_name].elements[i].name.toLowerCase() != "send" && document[form_name].elements[i].name.toLowerCase() != "reset"){
			
			//alert(document[form_name].elements[i].name.toLowerCase());
			
			if(document[form_name].elements[i].name.substr(0,3) != "cb_" && document[form_name].elements[i].name.substr(0,2) != "r_"){
				
				if(form_name == "right_email" && document[form_name].elements[i].name == "message"){
					url_string += "message=" + strip_url() + "&";
				} else {
					url_string += document[form_name].elements[i].name + "=" + document[form_name].elements[i].value.replace(/ /g, "%20") + "&";
				}
				
				///*
				for (x in this[form_name + "_required"]){
					
					///*
					if (document[form_name].elements[i].name.toLowerCase() == this[form_name + "_required"][x]){
						
						//alert(document[form_name].elements[i].name.toLowerCase() + " || " + this[form_name + "_required"][x] + " |=| " + document[form_name].elements[i].value);

												
						if(document[form_name].elements[i].value == "" || document[form_name].elements[i].value.toLowerCase() == ("select " + document[form_name].elements[i].name)){
							
							switch(document[form_name].elements[i].name){
								
								case "to":
									error_message += "<p>Please enter your Friends Email Address</p>\n";
									break;
									
								case "name":
									error_message += "<p>Please enter your Name</p>\n";
									break;
									
								case "issue":
									error_message += "<p>Please enter your Issue or Question</p>\n";
									break;
									
								case "mobile_number":
									error_message += "<p>Please enter your Mobile Phone Number to help us track our records</p>\n";
									break;
									
								case "detail":
									error_message += "<p>Please enter the nature of your problem</p>\n";
									break;
									
								case "phone":
									error_message += "<p>Please enter your Phone Number</p>\n";
									break;
									
								case "email":
									error_message += "<p>Please enter your Email Address</p>\n";
									
									break;
									
								case "enquiry":
									error_message += "<p>Please enter the nature of your Enquiry</p>\n";
									break;

								default:
									error_message += "<p>Please enter your " + document[form_name].elements[i].name + "</p>\n";
								
							}
							
						}
						
					}
					//*/
				}
			//*/
			} else if(document[form_name].elements[i].name.substr(0,3) == "cb_"){
				
				url_string += document[form_name].elements[i].name + "=" + document[form_name].elements[i].checked + "&";
				
			} else if(document[form_name].elements[i].name.substr(0,2) == "r_"){
				
				for(r = 0; r < document[form_name][document[form_name].elements[i].name].length; r++){
					if(document[form_name][document[form_name].elements[i].name][r].checked == true){
						val = document[form_name][document[form_name].elements[i].name][r].value;
					}
				}
				
				url_string += document[form_name].elements[i].name.substr(2, document[form_name].elements[i].name.length) + "=" + val + "&";
				//alert(document[form_name].elements[i].name.substr(2, document[form_name].elements[i].name.length) + ": " + val);
				
			}
			
		}
		//*/
	 }
	
	if(error_message != ""){
		
		$('#' + form_name + ' .info').html("<div class=\"error_notice\"><h5>Oops! Please Correct <br/>The Following Errors</h5>" + error_message + "</div>");
		$('#' + form_name + ' .loader').css({display: 'none'});
	
	} else {
		
		//alert(url_string);
		// don't send the form if the details are the same
		if(url_string != prev_url_string){
			send_form(url, url_string, form_name);
		}
		prev_url_string = url_string;
		
	}
	
	return false;
	
}

var prev_url_string = "";

function send_form(url, url_string, form_name){

	var params = url_string;
	//document.getElementById("testing").innerHTML = url_string;
	
	if (document.getElementById){
		var x = (window.ActiveXObject) ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest();
	}

	if (x){
		x.onreadystatechange = function(){
			if (x.readyState == 4 && x.status == 200) {
				
				$('#' + form_name + ' .loader').css({display: 'none'});
				$('#' + form_name + ' .info').html("<div class=\"success_notice\">" + x.responseText + "</div>");
				
			} else {
				prev_url_string = "";
				$('#' + form_name + ' .info').html("<div class=\"error_notice\"><h5>Oops! There was an Error</h5>We failed to send your message, please retry</div>");
				$('#' + form_name + ' .loader').css({display: 'none'});
			}
		}
		
		x.open("POST", url, true);
		
		x.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
		x.setRequestHeader("Content-length", params.length);
		x.setRequestHeader("Connection", "close");
	
		x.send(params);
		
	}
}

function capitilise_words(input_string){

	var tmpStr, tmpChar, preString, postString, strlen;
	tmpStr = input_string.toLowerCase();
	stringLen = tmpStr.length;

	if (stringLen > 0){
		
		for (i = 0; i < stringLen; i++){
			if (i == 0){
				tmpChar = tmpStr.substring(0, 1).toUpperCase();
				postString = tmpStr.substring(1, stringLen);
				tmpStr = tmpChar + postString;
			} else {
				tmpChar = tmpStr.substring(i, i+1);
				if (tmpChar == " " && i < (stringLen-1)){
					tmpChar = tmpStr.substring(i+1, i+2).toUpperCase();
					preString = tmpStr.substring(0, i+1);
					postString = tmpStr.substring(i+2, stringLen);
					tmpStr = preString + tmpChar + postString;
				}
			}
		}
	}

	return tmpStr;
	
}