// JavaScript Document
document.observe("dom:loaded",function(){
									   $('mainlogo').observe("click",function(){window.location='/';});
									   imgroll1 = new Image();
									   imgroll2 = new Image();
									   imgroll3 = new Image();
									   imgroll1.src = '/images/btnElectronics_active.png';
									   imgroll2.src = '/images/btnMedical_active.png';
									   imgroll3.src = '/images/btnHandling_active.png';
});

function initMap(){
	var marker;
	var map;
	var geocoder;
	var address;
	var html="<h3 style=\"margin:0;\">Phase 3 Plastics</h3>2-4 William Street,<br/>Northam,<br/>Southampton,<br/>Hampshire<br/>SO14 5QH<br /><strong>Tel: 023 8022 9844</strong>";
		   
  if (GBrowserIsCompatible()) {
	map = new GMap2(document.getElementById("map_canvas"));
	map.addControl(new GLargeMapControl());
	map.setCenter(new GLatLng(50.910204,-1.383162), 15);
	marker = new GMarker(new GLatLng(50.910204,-1.383162));
	map.addOverlay(marker);
	map.enableContinuousZoom();
	map.enableScrollWheelZoom();
	marker.openInfoWindowHtml(html);
	GEvent.addListener(marker,"click", function(){marker.openInfoWindowHtml(html);});
	}
}
function initContact(){
	initMap();
	contactValidation = new Validation('frmContact');
	$('frmContact').observe('submit',contactSend)
}

function contactSend(e){
	if (contactValidation.validate()){
		$('btnSend').hide()
		$('contactAjaxLoader').show()
		var strBody=$F('strMessage')
		new Ajax.Request("/ajax/sendenquiry.asp",{method:'post',parameters:$('frmContact').serialize(true),
					 onSuccess: function(transport){
						 try{pageTracker._trackEvent('Contact Form','Sent',$F('strName'))}
						 catch(err){};
						 var response=transport.responseText.strip() || "no response";
						 if (response=="no response"){
							 $('frmContact').update('<h4><abbr title="(f) '+response.stripTags().strip()+'">Oops.</abbr></h4>There was a problem submitting the form. Sorry about that... you might want to <a href="mailto:info@phase3plastics.co.uk">email us</a> instead.')
						 }else{
							 $('frmContact').update(response)
							 var _gaq = _gaq || [];
							 _gaq.push(['_trackEvent', 'Contact Form', 'Enquiry']);
						 }
					 },
						 onFailure: function(transport){
						 var response=transport.responseText.strip() || "no response";
							 $('frmContact').update('<h4><abbr title="(f) '+response.stripTags().strip()+'">Oops.</abbr></h4>There was a problem submitting the form. Sorry about that... you might want to <a href="mailto:info@phase3plastics.co.uk?body='+encodeURI(strBody)+'">email us</a> instead.')
						 }
					});
	}
	if(e){
		Event.stop(e)
	}
}
function initPanels(pageidentifier){
	switch(pageidentifier) {
		case 'home':
		$('photopane')._arrPanels=['head_medical.jpg','head_electronics.jpg','head_handling.jpg'];
		$('photopane')._panel='panelcontent';
		break;
		case 'medical':
		$('photopane')._arrPanels=['slides/medical1.jpg','slides/medical2.jpg','slides/medical3.jpg','slides/medical4.jpg'];
		$('photopane')._panel='photoholder';
		break;
		case 'electronics':
		$('photopane')._arrPanels=['slides/electronics1.jpg','slides/electronics2.jpg','slides/electronics3.jpg','slides/electronics4.jpg','slides/electronics5.jpg'];
		$('photopane')._panel='photoholder';
		break;
		case 'handling':
		$('photopane')._arrPanels=['slides/handling1.jpg','slides/handling2.jpg','slides/handling3.jpg','slides/handling4.jpg','slides/handling5.jpg'];
		$('photopane')._panel='photoholder';
		break;
		case 'aboutus':
		$('photopane')._arrPanels=['slides/about1.jpg','slides/about2.jpg','slides/about3.jpg','slides/about4.jpg'];
		$('photopane')._panel='photoholder';
		break;
	}
	panel=$('photopane')._panel
	$('photopane')._panelID=Math.floor(Math.random()*$('photopane')._arrPanels.length)
	$(panel).setStyle({backgroundImage: 'url(\'/images/'+$('photopane')._arrPanels[$('photopane')._panelID]+'\')'});
	imageArray = new Array();
	for (i=0; i<$('photopane')._arrPanels.length; i++){
		imageArray[i]=new Image();
		imageArray[i].src='/images/'+$('photopane')._arrPanels[i];
	}
	new PeriodicalExecuter(rotatePanels,7)
}
function rotatePanels(){
	panel=$('photopane')._panel
	$('photopane')._panelID=$('photopane')._panelID+1;
	if($('photopane')._panelID==$('photopane')._arrPanels.length){$('photopane')._panelID=0};
	new Effect.Opacity(panel,{from:1,to:0,duration:0.2})
	Element.setStyle.delay(0.3,panel,{backgroundImage: 'url(\'/images/'+$('photopane')._arrPanels[$('photopane')._panelID]+'\')'});
	new Effect.Opacity(panel,{from:0,to:1,duration:0.3,delay:0.3})
}
