<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name='description' content='Upgrade your car and upgrade your lifestyle with the new Chevy lineup' />
<meta name='keywords' content="chevy phils manila auto atutomobile safety car specs gas diesel suv" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Chevrolet Philippines | The new Chevy lineup - Cruze, Captiva, Aveo, Suburban, Camaro</title>
<script type="text/javascript" src="javascript/mootools-1.2.3-core-yc.js"></script>
<script type="text/javascript" src="javascript/mootools-1.2.3.1-assets.js"></script>
<script type="text/javascript" src="javascript/milkbox.js"></script>
<link rel="stylesheet" href="css/milkbox/milkbox.css" type="text/css" media="screen" />
</head>
<body style="margin:0px; padding:0px" bgcolor="#000000">
<div id='bg' style="position:absolute; top:0; right:0; bottom:0; left:0; opacity:.7; filter: alpha(opacity=70); width:100%; background-color:#C39; z-index:9999; height:auto; display:none"></div>
<style>
	.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
	.b1 {height:1px; background:#888; margin:0 5px;}
	.b2 {height:1px; background:#dbdbdb; border-right:2px solid #888; border-left:2px solid #888; margin:0 3px;}
	.b3 {height:1px; background:#dbdbdb; border-right:1px solid #888; border-left:1px solid #888; margin:0 2px;}
	.b4 {height:2px; background:#dbdbdb; border-right:1px solid #888; border-left:1px solid #888; margin:0 1px;}
	.contentb {background: #dbdbdb; border-right:1px solid #888; border-left:1px solid #888;}
	.contentb div {margin-left: 5px;}
	body table tr td
	

		font-family:Tahoma, Geneva, sans-serif;
		font-size:11px;
		color:#333
	

</style>

<div id = 'inqDiv' name='inqDiv' style="position:absolute; filter:Alpha(opacity=100); width:700px; z-index:10000; height:335px; top:28%; left:22%; display:none">
    <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
        <div class="contentb" id="message">

        </div>
    <b class="b4"></b><b class="b3"></b><b class="b2"></b><b class="b1"></b>
</div>

<script>
	var form = '<div style="position:relative; height:300px; margin:0px; padding:100px 0px 0px 40px;"><div style="position:absolute; left:20px; top:5px;"><span style="color: #666; font-family:Tahoma, Geneva, sans-serif; font-size:18px;"><br /><b>Inquiry Form</b></span><br /><br /><span style="color:#666; font-family:Tahoma, Geneva, sans-serif; font-size:12px;">Please complete all the fields below.</span><br /></div><table width="300px;"><tr><td>First name:</td><td><input type="text" name="fname" id="fname" size="24" /></td></tr><tr><td>Middle name:</td><td><input type="text" name="mname" id="mname" size="24" /></td></tr><tr><td>Last name:</td><td><input type="text" name="lname" id="lname" size="24"/></td></tr><tr><td>E-mail address:</td><td><input type="text" name="email" id="email" size="24"/></td></tr><tr><td>Landline #:</td><td><input type="text" name="landline" id="landline" size="24"/></td></tr><tr><td>Cellphone #:</td><td><input type="text" name="cel" id="cel" size="24"/></td></tr><tr><td>Vehicle model:</td><td><select name="vmodel" id="vmodel"><option value="">Please select one</option><option value="Aveo">Aveo</option><option value="Camaro">Camaro</option><option value="Captiva">Captiva</option><option value="Cruze">Cruze</option><option value="Suburban">Suburban</option><option value="Spark">Spark</option></select></td></tr></table><div style="position:absolute; left:340px; top:100px; width:320px; height:220px;"><table><tr><td>Message</td><tr><tr><td><textarea name="msg" id="msg" style=" height: 170px; width: 294px;  font-size: 8pt; font-family: Tahoma, Geneva, sans-serif; color: #333; margin: 2px 0px 0px 2px; overflow: hidden; " ></textarea></td></tr></table></div><div style="position:absolute; left:530px; top:350px;"><input type="button" value="Submit" style="height:40px; width:70px;" onClick="trySubmitting();"/></div><div style="position:absolute; left:610px; top:350px;"><input type="button" value="Cancel" style="height:40px; width:70px;" onClick="closeMe();"/></div></div>';
	
	var preloader = '<div style="position:relative; height:300px; margin:0px; padding:100px 0px 0px 73px;"><div style="position:absolute; left:326px; top:170px;"><img src="images/loading.gif"></div><div style="position:absolute; left:280px; top:240px;"><span style="font-family:Tahoma, Geneva, sans-serif; font-size:10pt;">Sending inquiry form...</span></div></div>';
	
	var success = '<div style="position:relative; height:300px; margin:0px; padding:100px 0px 0px 73px;"><div style="position:absolute; left:135px; top:190px; text-align:center; width:400px;"><span style="font-family:Tahoma, Geneva, sans-serif; color:#555555; font-size:13pt;">Your inquiry form was successfully submitted!</span></div></div>';
	
	var error = '<div style="position:relative; height:300px; margin:0px; padding:100px 0px 0px 73px;"><div style="position:absolute; left:140px; top:180px; text-align:center; width:400px;"><span style="font-family:Tahoma, Geneva, sans-serif; color:#555555; font-size:13pt;">An error has occured. Please try again later.</span><br><br><br><span onclick="manageForm(\'HIDE\');" style="font-size:11pt; font-family:Tahoma; cursor:pointer"><b>[close]</b></span></div></div>';

	var message	= document.getElementById('message');
	var submitting = false;
	var closing = false;
	var my_seq;
	var my_seqListener;
	var form_mc = document.getElementById('inqDiv');
	var bg_mc = document.getElementById('bg');
    var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
	
	var sequence;
	
	message.innerHTML = form;
	
	function trySubmitting()
	

		
		if(submitting) return;
		if(dataNotValid())
		{
			alert('Please check all the fields for invalid entry.');
			return;
		

		else
		{	
			//alert('valid.');
		}
		
		submitting = true;
		var xmlHttp;
		try
		{    // Firefox, Opera 8.0+, Safari    
	  
			xmlHttp=new XMLHttpRequest();  
	  
		}
		catch (e)
		{    // Internet Explorer    
			try
			{
			xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
			}
			catch (e)
			{   
				try
				{
					xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");        
				}
				catch (e)
				{        
					alert("Your browser does not support AJAX!");        
					return false;
				}      
			}    
		}
		
		xmlHttp.onreadystatechange = function()
		{
			if(xmlHttp.readyState == 4)
			{
				result = xmlHttp.responseText;
				if(result == 'success')
				{
					document.getElementById('message').innerHTML = success;
					var closeForm = setTimeout("manageForm('HIDE')", 1500);
				}
				else
				{
					document.getElementById('message').innerHTML = error;
				}
			}
		}
		
		var params = 
			'fname=' + trim(document.getElementById('fname').value, ' ') + 
			'&mname=' + trim(document.getElementById('mname').value, ' ') + 
			'&lname=' + trim(document.getElementById('lname').value, ' ') + 
			'&email=' + trim(document.getElementById('email').value, ' ') + 
			'&landline=' + trim(document.getElementById('landline').value, ' ') + 
			'&cel=' + trim(document.getElementById('cel').value, ' ') + 
			'&vmodel=' + trim(document.getElementById('vmodel').value, ' ') + 
			'&msg=' + trim(document.getElementById('msg').value, ' ');
		
		message.innerHTML = preloader;
		
		xmlHttp.open('POST', 'submit_inquiry.php', true);
		xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
		xmlHttp.setRequestHeader('Content-length', params.length);
		xmlHttp.setRequestHeader('Connection', 'close');
		xmlHttp.send(params);
		
	}
	
	function dataNotValid()
	{
		
		var notValid = false;
		if((trim(document.getElementById('fname').value, ' ')) == '') notValid = true;
		if((trim(document.getElementById('mname').value, ' ')) == '') notValid = true;
		if((trim(document.getElementById('lname').value, ' ')) == '') notValid = true;
		if((trim(document.getElementById('email').value, ' ')) == '') notValid = true;
		if((trim(document.getElementById('landline').value, ' ')) == '') notValid = true;
		if((trim(document.getElementById('cel').value, ' ')) == '') notValid = true;
		if((trim(document.getElementById('vmodel').value, ' ')) == '') notValid = true;
		if((trim(document.getElementById('msg').value, ' ')) == '') notValid = true;
		if(!(reg.test(trim(document.getElementById('email').value, ' ')))) notValid = true;
		
		return notValid;
		
	}
	
	//JAVASCRIPT TRIM
	function trim(str, chars) { return ltrim(rtrim(str, chars), chars);}
	function ltrim(str, chars) {chars = chars || "\\s";return str.replace(new RegExp("^[" + chars + "]+", "g"), "");}
	function rtrim(str, chars) {chars = chars || "\\s";return str.replace(new RegExp("[" + chars + "]+$", "g"), "");}
	
	function closeMe()
	{	
		
		if(closing) return;
		closing = true;
		manageForm('HIDE');
		
	}
	
	
	function manageForm(what, vmodel)
	{
		
		if(my_seq != null) 
		{
			my_seq.stop();
			my_seq = null;
		}
		
		my_seq = new Sequence();
		my_seqListener = new Object();
		
		if(what == 'HIDE')
		{
			my_seq.addChild(new OpacityTween(form_mc, Tween.strongEaseInOut, 100, 0, .4));
			my_seq.addChild(new OpacityTween(bg_mc, Tween.strongEaseInOut, 70, 0, .4));
			my_seqListener.onMotionFinished = function ()
			{
				form_mc.style.display = 'none';
				bg_mc.style.display = 'none';
				closing = false;
				message.innerHTML = form;
			}
			my_seq.addListener(my_seqListener);
		}
		else
		{
			scroll(0, 0);
			message.innerHTML = form;
			document.getElementById('vmodel').selectedIndex = vmodel;
			form_mc.style.display = 'block';
			bg_mc.style.display = 'block';
			my_seq.addChild(new OpacityTween(bg_mc, Tween.strongEaseInOut, 0,70, .3));
			my_seq.addChild(new OpacityTween(form_mc, Tween.strongEaseInOut, 0, 100, .4));
			document.getElementById('fname').focus();
		}
		my_seq.start();
		
	}
</script><center>
<div style="width: 1024px; text-align: left; " >

<?php include("common_header.php"); ?>

<div style="position: relative; height: 407px; background-color: #ffffff; " >
		<div class="abs" style="top: -30px; left: 0px; " ><a href="spark.php" ><img src="images/spark_bg1.png"  class="btn_img" /></a></div>
	</div>
	<div style="width: 1024px; height: 80px; background-color: #d6d9da; " >
		<div style="width: 1024px; height: 78px; position: relative; " >
			<div class="abs" style="top: 0px; left: 0px; z-index: 9; "  ><img src="images/sparkbut_1.png"  alt="SPARK"  name="sparkbut" border="0" usemap="#sparkbutMap" id="sparkbut" />
<map name="sparkbutMap" id="sparkbutMap">
  <area shape="poly" coords="32,6,11,68,132,68,164,12" href="spark.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('sparkbut','','images/sparkbut_2.png',1)" />
</map></div>
		  <div class="abs" style="top: 0px; left: 156px; z-index: 8; "  ><img src="images/aveobut_1.png"  alt="AVEO" name="aveobut" border="0" usemap="#Map"  />
<map name="Map" id="Map">
  <area shape="poly" coords="53,5,23,70,143,71,195,9" href="aveo.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('aveobut','','images/aveobut_2.png',1)" />
</map></div>
		  <div class="abs" style="top: 0px; left: 330px; z-index: 7; "  ><img src="images/camarobut_1.png"  alt="CAMARO" name="camarobut" border="0" usemap="#Map2"   />
<map name="Map2" id="Map2">
  <area shape="poly" coords="46,7,18,67,140,73,181,15" href="camaro.php"  onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('camarobut','','images/camarobut_2.png',1)" />
</map></div>
		  <div class="abs" style="top: 0px; left: 493px; z-index: 6; "  ><img src="images/captivabut_1.png"  alt="CAPTIVA" name="captivabut" border="0" usemap="#Map3"  />
<map name="Map3" id="Map3">
  <area shape="poly" coords="49,3,17,69,147,72,191,8" href="captiva.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('captivabut','','images/captivabut_2.png',1)" />
</map></div>
		  <div class="abs" style="top: 0px; left: 664px; z-index: 5; "  ><img src="images/cruzebut_1.png"  alt="CRUZE" name="cruzebut" border="0" usemap="#Map4"  />
<map name="Map4" id="Map4">
  <area shape="poly" coords="48,4,18,69,138,71,187,11" href="cruze.php"  onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('cruzebut','','images/cruzebut_2.png',1)" />
</map></div>
		  <div class="abs" style="top: 0px; left: 825px; z-index: 4; "  ><img src="images/suburbanbut_1.png"  alt="SUBURBAN"  name="suburbanbut" border="0" usemap="#Map5"   />
<map name="Map5" id="Map5">
  <area shape="poly" coords="46,4,18,67,137,72,184,12,125,5" href="suburban.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('suburbanbut','','images/suburbanbut_2.png',1)"  />
</map></div>
			<div class="abs" style="top: 0px; left: 972px; z-index: 3; "  ><img src="images/endbut_1.png"  /></div>
		</div>
	</div>
	<!-- footer menu -->
	<div style="position: relative; background-color:#FF3399; " >
		<div style="z-index: 3; position:absolute; width:1100px; height:214px; top:0px; left: 0px">
			<div style="position:absolute; left:0px; top: 0px; width:1024px; height:11px; background-image:url('images/bottombar.gif'); background-repeat:repeat-x"></div>
			<div style="position:absolute; left:0px; top:11px; width:84px; height:132px; background-image:url('images/fenceleft.gif'); background-repeat:no-repeat"></div>
			<div style="position:absolute; left:84px; top:11px; width:208px; height:132px; background-image:url('images/fencerpt.gif'); background-repeat:repeat-x"></div>
			<div style="position:absolute; left:292px; top:11px; width:89px; height:132px; background-image:url('images/fencemid.gif'); background-repeat:no-repeat"></div>
			<div style="position:absolute; left:381px; top:11px; width:230px; height:132px; background-image:url('images/fencerpt.gif'); background-repeat:repeat-x"></div>
			<div style="position:absolute; left:591px; top:11px; width:89px; height:132px; background-image:url('images/fencemid.gif'); background-repeat:no-repeat"></div>
			<div style="position:absolute; left:680px; top:11px; width:220px; height:132px; background-image:url('images/fencerpt.gif'); background-repeat:repeat-x"></div>
			<div style="position:absolute; left:890px; top:11px; width:85px; height:132px; background-image:url('images/fenceright.gif'); background-repeat:no-repeat"></div>
			<div style="position:absolute; left:0px; top:146px; width:19px; height:32px; background-image:url('images/bottombar_left.gif'); background-repeat:no-repeat"></div>
			<div style="position:absolute; left:19px; top:146px; width:980px; height:32px; background-image:url('images/bottombar_rpt.gif'); background-repeat:repeat-x"></div>
			<div style="position:absolute; left:996px; top:146px; width:26px; height:32px; background-image:url('images/bottombar_right.gif'); background-repeat:no-repeat"></div>
			<div style="position:absolute; left:88px; top:159px"><img src="images/reserved.png" height="6" width="249" /></div>
			<div style="position:absolute; left:29px; top:38px; width:288px; height:76px; ">
				<div style="position:relative; width:288px; height:76px;">
					<div style="position:absolute; left:-6px; top:0px"><a href="events_E92D1CE5.php" target="_self"><img src="promos/motorcade2011promo.png" height="84"width="287"/></a></div>
				</div>
			</div>
			<div style="position:absolute; left:315px; top:38px; width:288px; height:76px; ">
				<div style="position:relative; width:288px; height:76px;">
					<div style="position:absolute; left:0px; top:0px"><a href="events_39931158.php" target="_self"><img src="promos/orlando_thumb.png" height="84"width="287"/></a></div>
				</div>
			</div>
			<!--<div style="position:absolute; left:315px; top:38px; width:288px; height:76px; ">
				<div style="position:relative; width:288px; height:76px;">
					<div style="position:absolute; left:0px; top:0px"><a href = "promos/customize50per.jpg" rel="milkbox[promos]" title="Customize Your Chevy"><img src="promos/customize50perthumb.png" height="84"width="287"/></a></div>
				</div>
			</div>-->
			<div style="position:absolute; left:618px; top:38px; width:288px; height:76px; ">
					<div style="position:absolute; left:-6px; top:0px"><a href="events_36284D6F.php" target="_self"><img src="promos/traversethumb.png" height="84"width="287"/></a></div>
				<!--<div style="position:absolute; left:0px; top:0px"><a href="promos/coty2big.jpg" rel="milkbox[promos]" title="Chevrolet Cruze - Car of the Year"><img src="promos/coty2.png" height="84"width="287"/></a></div>-->
			</div>
			<!--
			share buttons
			-->
		</div>
	</div>
	<!-- end footer menu -->
</div>
</center>
<script type="text/javascript">
  var _gaq = _gaq || [];

  _gaq.push(['_setAccount', 'UA-18592923-1']);
  _gaq.push(['_setDomainName', 'none']);
  _gaq.push(['_setAllowLinker', true]);
  _gaq.push(['_trackPageview']);
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : '../www/index.htm') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>
<script>
	var scnHei;
	if (self.innerHeight) // all except Explorer
		scnHei = document.body.scrollHeight;
	else if (document.documentElement && document.documentElement.clientHeight)		// Explorer 6 Strict Mode
		scnHei = document.documentElement.scrollHeight;
	else if (document.body) // other Explorers
		scnHei = document.body.scrollHeight;
	document.getElementById('bg').style.height = scnHei + 'px';
</script>
</body>
</html>