// JavaScript Document



function image_change(image_id, number) {
	if(document.getElementById('projectImages')) {
		if (image_id == 1) {
		
				if(number == 1) { document.getElementById('image1').src = 'image/projects/BrooklandsCollegeWoodlands01.jpg' }
				if(number == 2) { document.getElementById('image1').src = 'image/projects/BrooklandsCollegeWoodlands02.jpg' }
				if(number == 3) { document.getElementById('image1').src = 'image/projects/BrooklandsCollegeWoodlands03.jpg' }
				if(number == 4) { document.getElementById('image1').src = 'image/projects/BrooklandsCollegeWoodlands04.jpg' }
				number = number+1;
				if (number >= 5) { number = 1; }
					setTimeout("image_change("+image_id+", "+number+")", getrandomInt(5000,9000));
		}
		
		else if (image_id == 2) {
				if(number == 1) { document.getElementById('image2').src = 'image/projects/PatioAndDriveDuring01.jpg' }
				if(number == 2) { document.getElementById('image2').src = 'image/projects/PatioAndDriveDuring02.jpg' }
				if(number == 3) { document.getElementById('image2').src = 'image/projects/PatioAndDriveDuring03.jpg' }
				if(number == 4) { document.getElementById('image2').src = 'image/projects/PatioAndDriveDuring04.jpg' }
				number = number+1;
				if (number >= 5) { number = 1; }
					setTimeout("image_change("+image_id+", "+number+")", getrandomInt(5000,9000));
		}
		
		else if (image_id == 3) {
				if(number == 1) { document.getElementById('image3').src = 'image/projects/WestonGreenSchool01.jpg' }
				if(number == 2) { document.getElementById('image3').src = 'image/projects/WestonGreenSchool02.jpg' }
				if(number == 3) { document.getElementById('image3').src = 'image/projects/WestonGreenSchool03.jpg' }
				if(number == 4) { document.getElementById('image3').src = 'image/projects/WestonGreenSchool04.jpg' }
				if(number == 5) { document.getElementById('image3').src = 'image/projects/WestonGreenSchool05.jpg' }
				if(number == 6) { document.getElementById('image3').src = 'image/projects/WestonGreenSchool06.jpg' }
				if(number == 7) { document.getElementById('image3').src = 'image/projects/WestonGreenSchool07.jpg' }
				if(number == 8) { document.getElementById('image3').src = 'image/projects/WestonGreenSchool08.jpg' }
				number = number+1;
				if (number >= 9) { number = 1; }
					setTimeout("image_change("+image_id+", "+number+")", getrandomInt(5000,9000));
		}
		
		else if (image_id == 4) {
				if(number == 1) { document.getElementById('image4').src = 'image/projects/NewPatioAroundSwimmingPool01.jpg' }
				if(number == 2) { document.getElementById('image4').src = 'image/projects/NewPatioAroundSwimmingPool02.jpg' }
				if(number == 3) { document.getElementById('image4').src = 'image/projects/NewPatioAroundSwimmingPool03.jpg' }
				if(number == 4) { document.getElementById('image4').src = 'image/projects/NewPatioAroundSwimmingPool04.jpg' }
				if(number == 5) { document.getElementById('image4').src = 'image/projects/NewPatioAroundSwimmingPool05.jpg' }
				if(number == 6) { document.getElementById('image4').src = 'image/projects/NewPatioAroundSwimmingPool06.jpg' }
				if(number == 7) { document.getElementById('image4').src = 'image/projects/NewPatioAroundSwimmingPool07.jpg' }
				if(number == 8) { document.getElementById('image4').src = 'image/projects/NewPatioAroundSwimmingPool08.jpg' }
				number = number+1;
				if (number >= 9) { number = 1; }
					setTimeout("image_change("+image_id+", "+number+")", getrandomInt(5000,9000));
		}
		
		else if (image_id == 5) {
				if(number == 1) { document.getElementById('image5').src = 'image/projects/ClaygatePrimarySchoolPond01.jpg' }
				if(number == 2) { document.getElementById('image5').src = 'image/projects/ClaygatePrimarySchoolPond02.jpg' }
				if(number == 3) { document.getElementById('image5').src = 'image/projects/ClaygatePrimarySchoolPond03.jpg' }
				if(number == 4) { document.getElementById('image5').src = 'image/projects/ClaygatePrimarySchoolPond04.jpg' }
				number = number+1;
				if (number >= 5) { number = 1; }
					setTimeout("image_change("+image_id+", "+number+")", getrandomInt(5000,9000));
		}
		
		else if (image_id == 6) {
				if(number == 1) { document.getElementById('image6').src = 'image/projects/RaisedFlowerbedsAtBatterseaSchool01.jpg' }
				if(number == 2) { document.getElementById('image6').src = 'image/projects/RaisedFlowerbedsAtBatterseaSchool02.jpg' }
				if(number == 3) { document.getElementById('image6').src = 'image/projects/RaisedFlowerbedsAtBatterseaSchool03.jpg' }
				if(number == 4) { document.getElementById('image6').src = 'image/projects/RaisedFlowerbedsAtBatterseaSchool04.jpg' }
				number = number+1;
				if (number >= 5) { number = 1; }
					setTimeout("image_change("+image_id+", "+number+")", getrandomInt(5000,9000));
		}
			
	}
	
}

function getrandomInt(min,max) {  return Math.round(min + Math.random()*(max-min)) } 

function onprojectpageload(){

setTimeout("image_change(1,2)", getrandomInt(5000,9000));
setTimeout("image_change(2,2)", getrandomInt(5000,9000));
setTimeout("image_change(3,2)", getrandomInt(5000,9000));
setTimeout("image_change(4,2)", getrandomInt(5000,9000));
setTimeout("image_change(5,2)", getrandomInt(5000,9000));
setTimeout("image_change(6,2)", getrandomInt(5000,9000));

}






function imagePreload() {
    if (document.images)
    {
      preload_image_object = new Image();
      // set image url
      image_url = new Array();
      image_url[0] = "image/Contact_Us.gif";
      image_url[1] = "image/FAQs.gif";
      image_url[2] = "image/Main.gif";
      image_url[3] = "image/Projects.gif";
	  image_url[4] = "image/Services.gif";

       var i = 0;
       for(i=0; i<=4; i++) 
         preload_image_object.src = image_url[i];
    }
}

function windowload() {
	width_extend('line', 'menu', 260, 25, 0);
	loadimages(1, 'RightPhotos', 0);
	MainAreaSize('Main', 480, 280);
}

function windowOnresize() {
	on_resize('line', '260'); 
	loadimages(1, 'RightPhotos', 1);
	MainAreaSize('Main', 480, 280);
}

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){ return false; }
	if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr){ return false; }
	if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)==lstr){ return false; }
	if (str.indexOf(at,(lat+1))!=-1){ return false }
	if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot){ return false; }
	if (str.indexOf(dot,(lat+2))==-1){ return false; }
	if (str.indexOf(" ")!=-1){ return false; }
	return true;			
}

function email() {
	var YourName = window.document.getElementById('YourName').value;
	var YourEmail = window.document.getElementById('YourEmail').value;
	var Message = window.document.getElementById('Message').value;
	Message = Message.replace(/\n/g,"<br />");
	
	if(YourName!=''&&Message!=''&&echeck(YourEmail)) {
		script_filename= 'configuration/email.php?Name='+YourName+'&Email='+YourEmail+'&Message='+Message;
		include(script_filename);
	}
	else{ 
		var ErrorMessage = "Error:\n";
		if(YourName=='') { ErrorMessage += "You have Not Enter Your Name\n"; }
		if(YourEmail=='') { ErrorMessage += "You have Not Enter Your Email Address\n"; }
		else { if(!echeck(YourEmail)) { ErrorMessage += "Your E-mail Format is wrong\n"; } }
		if(Message=='') { ErrorMessage += "You have Not Enter a Message\n"; }
		alert(ErrorMessage);
	}
}

function width_extend(ID, MenuID, MaxWidthDif, Speed, ImageCount) {

 		var winW = document.body.clientWidth;
		
		
		
		winW = parseFloat(winW);
		if (winW<900) { winW=900; }
		winW = winW-parseFloat(MaxWidthDif);
		
		var width = document.getElementById(ID).style.width;
		//alert (width+'<'+winW);
		width = width.replace(/px/, "");
		width = parseFloat(width)+Speed;
		
		if(width<winW) {
		document.getElementById(ID).style.width = width+"px";
		
		if(width>500) { ImageCount = loadmenuimage(5, ImageCount, MenuID); }
			else if(width>400) { ImageCount = loadmenuimage(4, ImageCount, MenuID); }
			else if(width>300) { ImageCount = loadmenuimage(3, ImageCount, MenuID); }
			else if(width>200) { ImageCount = loadmenuimage(2, ImageCount, MenuID); }
				else { ImageCount = loadmenuimage(1, ImageCount, MenuID); }
			
		setTimeout("width_extend('"+ID+"', '"+MenuID+"', "+MaxWidthDif+", "+Speed+", "+ImageCount+")", 50);
			
			
		}
		else {document.getElementById(ID).style.width = winW+"px";
		if(!document.getElementById('Main_Menu')) {loadmenuimage(1, 0, MenuID);}
		if(!document.getElementById('Projects_Menu')) {loadmenuimage(2, 1, MenuID);}
		if(!document.getElementById('Services_Menu')) {loadmenuimage(3, 2, MenuID);}
		if(!document.getElementById('FAQs_Menu')) {loadmenuimage(4, 3, MenuID);}
		if(!document.getElementById('Contact_Us_Menu')) {loadmenuimage(5, 4, MenuID);}
		}
		

	
}

function loadmenuimage(ImageNumber, ImageCount, ID){
	
	if(ImageNumber!=ImageCount) {
	var imagename = '';
	var name = '';
	//var output = '';
	if(ImageNumber==1) { imagename = 'Main'; name = 'Main Page'; }
	if(ImageNumber==2) { imagename = 'Projects'; name = 'Project Page'; }
	if(ImageNumber==3) { imagename = 'Services'; name = 'Services'; }
	if(ImageNumber==4) { imagename = 'FAQs'; name = 'FAQ Page'; }
	if(ImageNumber==5) { imagename = 'Contact_Us'; name = 'Contact Us';  loadpage('Main'); }

	document.getElementById(ID).innerHTML += '<img style="cursor:pointer;" onclick="loadpage(\''+imagename+'\')"  id="'+imagename+'_Menu" src="image/'+imagename+'.gif" height="20" alt="'+name+'" />';
	
	return ImageCount+1;
	}
	else {return ImageCount;}

	
}

function loadimagesonresize(ImageNumber, ID, resetresize, Output){
		
		if(ImageNumber<=4) {		
			var imagename = '';
			var name = '';
			
			if(ImageNumber==4) { imagename = 'Image4'; name = ''; }
				else if(ImageNumber==3) { imagename = 'Image3'; name = ''; }
					else if(ImageNumber==2) { imagename = 'Image2'; name = ''; }
						else if(ImageNumber==1) { imagename = 'Image1'; name = ''; }
						
			Output += '<img  src="image/'+imagename+'.jpg" alt="'+name+'" /><br />';
			
			if( typeof( window.innerHeight ) == 'number' ) { /*Non-IE*/ winH = window.innerHeight; } 
				else if( document.documentElement && document.documentElement.clientHeight ) { /*IE 6+*/ winH = document.documentElement.clientHeight; } 
					else if( document.body && document.body.clientHeight ) { /*IE 4 compatible*/ winH = document.body.clientHeight; }
			winH = parseFloat(winH);
			
			if (winH>950) { Output += '<div style="height:25%;"></div>'; }
				else if (winH>850) { Output += '<div style="height:10%;"></div>'; }
					else if (winH>750) { Output += '<div style="height:5%;"></div>'; }
						else if (winH>635) { Output += '<div style="height:2%;"></div>'; }
			
			if(ImageNumber==4) { document.getElementById(ID).innerHTML = Output; }
			ImageNumber = ImageNumber+1;
					
			
			setTimeout("loadimagesonresize("+ImageNumber+", '"+ID+"', "+resetresize+", '"+Output+"')", 0);
		}
		
}

function loadimages(ImageNumber, ID, resetresize){
	
	if(resetresize==1) {
			loadimagesonresize(ImageNumber, ID, resetresize, '');
	}
	else {
		if(ImageNumber<=4) {
			var imagename = '';
			var name = '';
			
			if(ImageNumber==1) { imagename = 'Image1'; name = ''; }
			if(ImageNumber==2) { imagename = 'Image2'; name = ''; }
			if(ImageNumber==3) { imagename = 'Image3'; name = ''; }
			if(ImageNumber==4) { imagename = 'Image4'; name = ''; }
		
			document.getElementById(ID).innerHTML += '<img src="image/'+imagename+'.jpg" alt="'+name+'" /><br />';
			
			if( typeof( window.innerHeight ) == 'number' ) { /*Non-IE*/ winH = window.innerHeight; } 
				else if( document.documentElement && document.documentElement.clientHeight ) { /*IE 6+*/ winH = document.documentElement.clientHeight; } 
					else if( document.body && document.body.clientHeight ) { /*IE 4 compatible*/ winH = document.body.clientHeight; }
			winH = parseFloat(winH);
				
			if (winH>950) { document.getElementById(ID).innerHTML += '<div style="height:25%;"></div>'; }
				else if (winH>850) { document.getElementById(ID).innerHTML += '<div style="height:10%;"></div>'; }
					else if (winH>750) { document.getElementById(ID).innerHTML += '<div style="height:5%;"></div>'; }
						else if (winH>635) { document.getElementById(ID).innerHTML += '<div style="height:2%;"></div>'; }
			
			ImageNumber = ImageNumber+1;
			setTimeout("loadimages("+ImageNumber+", '"+ID+"', "+resetresize+")", 550);
		}
	}
	
}

function on_resize(ID, MaxWidthDif){
	var winW = document.body.clientWidth;
	winW = parseFloat(winW)-parseFloat(MaxWidthDif);
	document.getElementById(ID).style.width = winW+"px";
}

function MainAreaSize(ID, WidthDif, HightDif){

	if( typeof( window.innerHeight ) == 'number' ) { /*Non-IE*/ winH = window.innerHeight; } 
				else if( document.documentElement && document.documentElement.clientHeight ) { /*IE 6+*/ winH = document.documentElement.clientHeight; } 
					else if( document.body && document.body.clientHeight ) { /*IE 4 compatible*/ winH = document.body.clientHeight; }
	
	var winW = document.body.clientWidth;
	var winH = document.documentElement.clientHeight;
	winW = parseFloat(winW)-parseFloat(WidthDif);
	
	winH = parseFloat(winH)-parseFloat(HightDif);
	if(winW>370){ document.getElementById(ID).style.width = winW+"px"; }
	else { document.getElementById(ID).style.width = "370px"; }
	if(winH>370){ document.getElementById(ID).style.height = winH+"px"; }
	else { document.getElementById(ID).style.height = "370px"; }

}

function include($script){
	var script = document.createElement('script');
	script.src = $script;
	script.type = 'text/javascript';
	var head = document.getElementsByTagName('head').item(0);
	head.appendChild(script) 
	return 1;
}
	
function loadpage(Page) {
	script_filename= 'contents/'+Page+'.php';
	include(script_filename);
}