// JavaScript Document
//created by coding 4 u all rights reeserved 
$(document).ready(function(){
engSize();
showProductList();
model();
showProducts();
function resetDetails(a) {

	$("#"+a).replaceWith('<select name="'+a+'" id="'+a+'"><option value="0">Please Select</option></select>');

}
function resetcategoryList() {
	$("#categoryList").replaceWith('<span id="categoryList"><p><img src="/spares/new_images/partsCatBanner.png" width="550" alt="select a vehicle" border="0"></p></span>');

}
function resetproductsList() {
	$("#productsList").replaceWith('<span id="productsList" class="products">&nbsp;</span>');

}

function resetpartsList() {
	$("#partsList").replaceWith('<span id="partsList" class="partsList">&nbsp;</span>');
}

function engSize() {
	
	$('#modId').change(function(){
		resetDetails('dateId');
		resetcategoryList();
		resetproductsList();
		resetpartsList();
		$('#engId').replaceWith('<select name="engId" id="engId"><option value="0">Loading...</option></select>');
	$.get("new_pc_engine_list.php?ta="+Math.random()*Math.random(), { man:$('#manId').val(), mod:$('#modId').val()}, function(engdata){
	$('#engId').replaceWith('<select name="engId" id="engId"><option value="0">Please Select</option>' + engdata + '</select>');
	manDate();
 		});	
	});

}

function manDate() {
	
	$('#engId').change(function(){
		resetDetails('dateId');
		resetDetails('partId');
		resetcategoryList();
		resetproductsList();
		resetpartsList();
		$('#dateId').replaceWith('<select name="dateId" id="dateId"><option value="0">Loading..</option></select>');
	$.get("new_pc_year_list.php?ta="+Math.random()*Math.random(), { man:$('#manId').val(), mod:$('#modId').val(), eng:$('#engId').val()}, function(engdata){
	$('#dateId').replaceWith('<select name="dateId" id="dateId"><option value="0">Please Select</option>' + engdata + '</select>');
		categoryList();
		});	
	});
}

function categoryList() {
	
	$('#dateId').change(function(){
	resetpartsList();
	$.get("new_pc_category_list.php?ta="+Math.random()*Math.random(), { man:$('#manId').val(), mod:$('#modId').val(), eng:$('#engId').val(), dateId:$('#dateId').val()}, function(partdata){
	$('#categoryList').replaceWith('<span id="categoryList">'+partdata+'</span>');
	showProductList();
 		});
	$('#vehicleSelect').replaceWith('<td id="vehicleSelect"><table border="0" width="100%" cellspacing="0" cellpadding="0"><tr><td><table cellspacing="0" cellpadding="0" border="0" width="100%"><tr><td><img src="images/infobox/box_tl.jpg" border="0" alt="" width="6" height="37"></td><td class="mws_boxTop" width="100%">Your Vehicle Details</td><td><img src="images/infobox/box_tr.jpg" border="0" alt="" width="6" height="37"></td></tr><tr><td class="mws_boxLeft"></td><td class="mws_boxCenter"><table border="0" width="100%" cellspacing="0" cellpadding="0"><tr><td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td></tr><tr><td align="center" class="boxText"><p id=manSelect><div class="vehicleSelectNumber"><img src="/spares/new_images/steps_01.png" alt="" /></div><div class="vehicleSelect">Manufacturer<br /><b>'+$('#manId').val()+'</b></div></p><div class="clear"></div><p id=modSelect><div class="vehicleSelectNumber"><img src="/spares/new_images/steps_02.png" alt="" /></div><div class="vehicleSelect">Model<br /><b>'+$('#modId').val()+'</b></div></p><div class="clear"></div><p id=engSelect><div class="vehicleSelectNumber"><img src="/spares/new_images/steps_03.png" alt="" /></div><div class="vehicleSelect">Engine Size<br /><b>'+$('#engId').val()+'</b></div></p><div class="clear"></div><p id=yearSelect><div class="vehicleSelectNumber"><img src="/spares/new_images/steps_04.png" alt="" /></div><div class="vehicleSelect">Build Date<br /><b>'+$('#dateId').val()+'</b></div></p><div class="clear"></div><p><a href="partscat_v1.php?vehicleReset=yes"><b>Reset Vehicle</b></a></p></td></tr></table></td><td class="mws_boxRight"></td></tr><tr><td><img src="images/infobox/box_bl.jpg" border="0" alt="" width="6" height="29"></td><td class="mws_boxBottom"></td><td><img src="images/infobox/box_br.jpg" border="0" alt="" width="6" height="29"></td></tr></table></td></tr></table></td>');
	});
}

function showProductList() {
	$(".partsCategory").click(function(){
	resetpartsList();
	$('#productsList').replaceWith('<span id="productsList" class="Products"><img src="images/partscat/dataLoading.gif" alt="loading"></span>');
	$.get("new_pc_product_group_list.php?ta="+Math.random()*Math.random(), { man:$('#manId').val(), mod:$('#modId').val(), eng:$('#engId').val(), date:$('#dateId').val(), category:$(this).html()}, function(partdata){
	$('#productsList').replaceWith('<span id="productsList" class="Products">'+partdata+'</span>');
	if(partdata == '<p>Your session has timed out please re-select your vehicle details</p>'){
		sessionEnded();					  
	}
	$('#partsCatHolder').attr("class", "partsCatHoldershow");
	showProducts();
 		});	
	});	
}

function showProducts() {
	$(".productGroup").click(function(){
	$('#partsList').replaceWith('<span id="partsList" class="partsList"><img src="images/partscat/dataLoading.gif" alt="loading"></span>');
	$.get("new_pc_parts_list.php?ta="+Math.random()*Math.random(), { table:$(this).attr("id"), group:$(this).html() }, function(partdata){
	$('#partsList').replaceWith('<span id="partsList" class="partsList">'+partdata+'</span>');
	if(partdata == '<p>Your session has timed out please re-select your vehicle details</p>'){
		sessionEnded();					  
	}
 		});
	});	
}

function sessionEnded() {
		resetDetails('modId');
		resetDetails('engId');
		resetDetails('dateId');
		resetcategoryList();
		resetproductsList();
		resetpartsList();
	alert('Your session has timed. Please enter your vehicle details again.');
	location.replace("partscat_v1.php")
	//end session  time out	
}
	//change model
function model(){
	$('#manId').change(function(){
	$('#modId').replaceWith('<select name="modId" id="modId"><option value="">Loading...</option></select>');
	$.get("new_pc_model_list.php?tx="+Math.random()*Math.random(), { man:$('#manId').val()}, function(moddata){
	$('#modId').replaceWith('<select name="modId" id="modId"><option value="">Please Select</option>' + moddata + '</select>');
		engSize();
		});
		resetDetails('engId');
		resetDetails('dateId');
		resetcategoryList();
		resetproductsList();
	});
}	
});

//end