var div_block;
function expandDiv1(inc)
{
	if(inc <= 259)
	{
		inc=inc+10;
		document.getElementById('blk1').style.width = (inc+100+2)+'px';
		document.getElementById('blk1_cnt').style.width = (inc)+'px';
		document.getElementById('blk2').style.left = (249+inc)+'px';
		document.getElementById('blk3').style.left = (320+inc)+'px';
		setTimeout('expandDiv1('+inc+')', 1);
	}
	else
	{
		document.getElementById('blk1').style.width = '401px';
		document.getElementById('blk1_cnt').style.width = '300px';
		document.getElementById('blk2').style.left = '549px';
		document.getElementById('blk3').style.left = '620px';
	}
}
function collapseDiv1(inc)
{
	if(inc >= 101)
	{
		inc=inc-10;
		document.getElementById('blk1').style.width = inc +'px';
		document.getElementById('blk1_cnt').style.width = ((inc-101 < 0)? 0:inc-101)  +'px';
		document.getElementById('blk2').style.left = (549-(401-inc))+'px';
		document.getElementById('blk3').style.left = (620-(401-inc))+'px';
		setTimeout('collapseDiv1('+inc+')', 1);
	}
	else
	{
		document.getElementById('blk1').style.width = '101px';
		document.getElementById('blk2').style.left = '249px';
		document.getElementById('blk3').style.left = '320px';
		document.getElementById('blk1_cnt').style.visibility = 'hidden'
		if(div_block == 'blk2')
		{
			document.getElementById('blk2_cnt').style.visibility = 'visible'
			expandDiv2(1);
		}
		else
		{
			document.getElementById('blk3_cnt').style.visibility = 'visible'
			expandDiv3(1);
		}
	}
}
function collapseDiv2(inc)
{
	if(inc >= 101)
	{
		inc=inc-10;
		document.getElementById('blk2').style.width = inc +'px';
		document.getElementById('blk2_cnt').style.width = ((inc-101 < 0)? 0:inc-101)  +'px';
		document.getElementById('blk3').style.left = (620-(401-inc))+'px';
		setTimeout('collapseDiv2('+inc+')', 1);
	}
	else
	{
		document.getElementById('blk2').style.left = '249px';
		document.getElementById('blk3').style.left = '320px';
		document.getElementById('blk2_cnt').style.visibility = 'hidden'
		if(div_block == 'blk3')
		{
			document.getElementById('blk3_cnt').style.visibility = 'visible';
			expandDiv3(1);
		}
		else
		{
			document.getElementById('blk1_cnt').style.visibility = 'visible'
			expandDiv1(1);
		}
	}
}
function expandDiv2(inc)
{
	if(inc <= 299)
	{
		inc=inc+10;
		document.getElementById('blk2').style.width = (inc+100+2)+'px';
		document.getElementById('blk2_cnt').style.width = inc+'px';
		document.getElementById('blk3').style.left = (320+inc)+'px';
		setTimeout('expandDiv2('+inc+')', 1);
	}
	else
	{
		document.getElementById('blk1').style.width = '401px';
		document.getElementById('blk3').style.left = '620px';
		document.getElementById('blk3_cnt').style.visibility = 'hidden'
	}

}
function expandDiv3(inc)
{
	if(inc <= 299)
	{
		inc=inc+10;
		document.getElementById('blk3').style.width = (inc+100+2)+'px';
		document.getElementById('blk3_cnt').style.width = inc+'px';
		setTimeout('expandDiv3('+inc+')', 1);
	}
	else
	{
		document.getElementById('blk3').style.width = '403px';
	}

}
function collapseDiv3(inc)
{
	if(inc >= 101)
	{
		inc=inc-10;
		document.getElementById('blk3').style.width = inc +'px';
		document.getElementById('blk3_cnt').style.width = ((inc-101 < 0)? 0:inc-101)  +'px';
		setTimeout('collapseDiv3('+inc+')', 1);
	}
	else
	{
		document.getElementById('blk3').style.width = '101px'
		document.getElementById('blk3_cnt').style.visibility = 'hidden'
		if(div_block == 'blk2')
		{
			document.getElementById('blk2_cnt').style.visibility = 'visible';
			expandDiv2(1);
		}
		if(div_block == 'blk1')
		{
			document.getElementById('blk1_cnt').style.visibility = 'visible';
			expandDiv1(1);
		}
	}
}
function showContent(block)
{
	if(block == 'blk1')
	{
		div_block = 'blk1';
		document.getElementById('blk1_cnt').style.visibility = 'visible';
		document.getElementById('blk1').onclick = function() {
				return false;
				}
		document.getElementById('blk2').onclick = function() {
				showContent('blk2');
				}
		document.getElementById('blk3').onclick = function() {
				showContent('blk3');
				}
		if(document.getElementById('blk2_cnt').style.visibility == 'visible')
			collapseDiv2(401);
		if(document.getElementById('blk3_cnt').style.visibility == 'visible')
			collapseDiv3(401);
	}
	if(block == 'blk2')
	{
		div_block = 'blk2';
		if(!validateFields())
			return false;

		document.getElementById('blk2').onclick = function() {
				return false;
				}
		document.getElementById('blk1').onclick = function() {
				showContent('blk1');
				}
		document.getElementById('blk3').onclick = function() {
				showContent('blk3');
				}
		if(document.getElementById('blk3_cnt').style.visibility == 'visible')
			collapseDiv3(401);
		if(document.getElementById('blk1_cnt').style.visibility == 'visible')
			collapseDiv1(401);
	}
	if(block == 'blk3')
	{
		if(!validateFields())
			return false;
		/*document.getElementById('blk3').onclick = function() {
				return false;
				}
		document.getElementById('blk1').onclick = function() {
				showContent('blk1');
				}
		document.getElementById('blk2').onclick = function() {
				showContent('blk2');
				}
		if(document.getElementById('blk2_cnt').style.visibility == 'visible')
			collapseDiv2(401);
		if(document.getElementById('blk1_cnt').style.visibility == 'visible')
			collapseDiv1(401)*/

	}
}

function validateFields()
{
		if(document.getElementById('client_name').value == '')
		{
			alert(ALERT_NO_NAME_SURNAME);
			document.getElementById('client_name').focus();
			return false;
		}
		if(document.getElementById('client_email').value == '')
		{
			alert(ALERT_NO_BUYER_EMAIL);
			document.getElementById('client_email').focus();
			return false;
		}
		if(!chkEmail(document.getElementById('client_email').value))
		{
			alert(ALERT_INVALID_BUYER_EMAIL);
			document.getElementById('client_email').focus();
			document.getElementById('client_email').select();
			return false;
		}
		if(document.getElementById('client_phone').value == '')
		{
			alert(ALERT_NO_TELEPHONE_NUMBER);
			document.getElementById('client_phone').focus();
			return false;
		}
		if(document.getElementById('client_state').value == '')
		{
			alert(ALERT_NO_CITY_OR_STATE);
			document.getElementById('client_state').focus();
			return false;
		}
		return true;
}

function storeContact()
{
	document.getElementById('ldr_blk').style.visibility = 'visible';
	document.getElementById('btn_contact').disabled = true;
	var ajax = new AJAX();
	var arrParam = new Array();
	arrParam['id'] = document.getElementById('car_id').value
	arrParam['c_name'] = document.getElementById('client_name').value;
	arrParam['c_email'] = document.getElementById('client_email').value;
	arrParam['c_phone'] = document.getElementById('client_phone').value;
	arrParam['c_state'] = document.getElementById('client_state').value;
	ajax.getRequest("store_client.php", arrParam, showStoreResponse);
}
function showStoreResponse(retVal)
{
	document.getElementById('ldr_blk').style.visibility = 'hidden';
	document.getElementById('btn_contact').disabled = false;
	document.getElementById('client_name').value = '';
	document.getElementById('client_email').value = '';
	document.getElementById('client_phone').value = '';
	document.getElementById('client_state').value = '';
	div_block = 'blk3';
	document.getElementById('blk2').onclick = function() {
			return false;
			}
	document.getElementById('blk1').onclick = function() {
			showContent('blk1');
			}
	document.getElementById('blk3').onclick = function() {
			return false;
			}
	collapseDiv2(401);
}

//Function for find the position of the scrolling image in all browsers
function findPos(obj)
{
	var curleft = curtop = 0;
	if (obj.offsetParent)
	{
		do
		{
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop;
		}
		while (obj = obj.offsetParent);
	}
	return [curleft,curtop];
}

//Function for showing the Detail description Div
function showDiv(ele, carID)
{
	var arrDivPos = findPos(document.getElementById('article'));
	lftMargin = arrDivPos[0];
	//alert(lftMargin);
	var arrPos = findPos(ele);
	hght = ele.height;
	ele.className = 'trans_bg_o';
	document.getElementById('desc'+carID).style.visibility = 'visible';
	variation = 0;
	var ua = navigator.userAgent.toLowerCase();
	if ( ua.indexOf( "msie" ) != -1 || window.opera)
	{
		variation = lftMargin;
	}
	else
	{
		variation = lftMargin;
		//alert(lftMargin);
	}
	//alert(arrPos[0]-variation);
	if(arrPos[0]-variation < 0)
		document.getElementById('desc'+carID).style.left = '0px';
	else
		document.getElementById('desc'+carID).style.left = (arrPos[0]-variation)+'px';
}

var carDivID;

//Hide the Description Div
function hideDiv(ele, carID)
{
	ele.className = 'trans_bg';
	document.getElementById('desc'+carID).style.visibility = 'hidden';
}

//Show the steps after clicking on the Image
function showSteps(carID)
{
	document.getElementById('desc'+carID).style.visibility = 'hidden';
	var ajax = new AJAX();
	var arrParam = new Array();
	arrParam['id'] = carID;
	document.getElementById('car_id').value = carID;
	ajax.getRequest("get_client_steps.php", arrParam, showGetResponse);
}

//Shows the Ajax response
function showGetResponse(retVal)
{
	document.getElementById('purchase_car').innerHTML = retVal;
	document.getElementById('blk1_cnt').style.visibility = 'visible';
	expandDiv1(1);
}