/*
#########################################################
#
# default javascript settings for the entire site
#
# Copyright:		2000-2008 S-Inside
# Project:			Any website
# Platform:			Javascript
#
#########################################################
*/

// settings for this website
var $nImagePlaceWidth = 0; 					// place holder for big_image, how much from middle op window, default 150;
var $nImagePlaceHeight = 0;					// how much from top of page
var $sHomepage = "index.php";				// where should site go to if loaded in frame
var $nScrollFaceColor = "#0077bb";			// colors for scrollbars
var $nScrollArrowColor = "#ff6600";			// colors for scrollbars
var $nScrollTrackColor = "#000000";			// colors for scrollbars
var $nScrollShadowColor = "#7f7b7b";		// colors for scrollbars
var $nScrollHighlightColor = "#dff1fb";		// colors for scrollbars
var $nScroll3dlightColor = "#000000";		// colors for scrollbars
var $nScrollDarkshadowColor = "#a39f9f";	// colors for scrollbars

/*  Add extra javascript and css */
// addJavascriptCSSFile("js/prototype.js", "js", "head"); 


// extra stuff per website that should start on onload
function extraStartFunctions() {
	
	
	//switchImage();
	
}

// general functions
function addJavascriptCSSFile(filename,filetype,pos) {
	var th = document.getElementsByTagName(pos)[0];

	if (filetype=="js"){ //if filename is a external JavaScript file
		var fileref=document.createElement("script")
		fileref.setAttribute("type","text/javascript")
		fileref.setAttribute("src", filename)
		th.appendChild(fileref);
		
	} else if (filetype=="css"){ //if filename is an external CSS file
		var fileref=document.createElement("link")
		fileref.setAttribute("rel", "stylesheet")
		fileref.setAttribute("type", "text/css")
		fileref.setAttribute("href", filename)
		th.appendChild(fileref);
	}
} 


// car search form
function setRowSelected ($p_sRowType, $p_sRowID) {
	var $aRows = document.getElementsByTagName('tr');
	for (var $nCount = 0; $nCount < $aRows.length; $nCount++) {
		var $sID = $aRows[$nCount].id;
		if ($sID.indexOf($p_sRowType) != -1) {
			$aRows[$nCount].style.backgroundColor = '#fff';
		}
	}
	document.getElementById($p_sRowID).style.backgroundColor = '#999';
	
	if ($p_sRowID.substring(0, 8) == "tyrerow_") {
		document.getElementById("tyre_id").value = $p_sRowID.substring(8);
		
	} else if ($p_sRowID.substring(0, 13) == "wheellockrow_") {
		document.getElementById("wheellock_id").value = $p_sRowID.substring(13);
	}
}

function setCarDivsEmpty () {
	document.getElementById('cartypescomplete').innerHTML = '';
	document.getElementById('carproducts').innerHTML = '';
}

  
function getSearchFields ($p_nValue) {
	document.getElementById('velgen').style.display = 'none';
	document.getElementById('banden').style.display = 'none';
	document.getElementById('verlaging').style.display = 'none';
	
	if ($p_nValue == 1) {
		document.getElementById('velgen').style.display = 'inline';
		
	} else if ($p_nValue == 2) {
		document.getElementById('banden').style.display = 'inline';
		
	} else if ($p_nValue == 32) {
		document.getElementById('verlaging').style.display = 'inline';
		
	}
	
}

function clickCartypeRow($p_sCarID, $p_sCar, $p_sModel) {
	document.getElementById("carproducts").innerHTML = ""; 
	document.forms["wccsearch"].elements["carid"].value = $p_sCarID;
	if ($p_sCar.length > 0) {
		document.forms["wccsearch"].elements["car"].value = $p_sCar;
	} else if (document.getElementById("carrow_"+document.forms["wccsearch"].elements["carid"].value)) {
		// scroll selected car into view
		document.getElementById("carrow_"+document.forms["wccsearch"].elements["carid"].value).scrollIntoView(true);
	}
	if ($p_sModel.length > 0) {
		document.forms["wccsearch"].elements["carmodel"].value = $p_sModel;
	}
	setRowSelected("carrow", "carrow_"+$p_sCarID);
	
	sendRequest("getproducts", $p_sCarID , null, "wcc_ajax_cars.php"); 
}

function showProductInfo ($p_nProductID) {
	if (document.getElementById("images_"+$p_nProductID).style.display == "none") {
		document.getElementById("info_"+$p_nProductID).style.display = "none"; 
		document.getElementById("images_"+$p_nProductID).style.display = "inline"; 
	} else {
		document.getElementById("info_"+$p_nProductID).style.display = "inline"; 
		document.getElementById("images_"+$p_nProductID).style.display = "none"; 
	}
}

function summitOrderData ($p_nProductID, $p_sType, $p_sTable) {
	var $sType= "", $sCar = "", $sModel = "", $sForm = document.forms["wccsearch"];
	var $sDiv = document.getElementById("order_summit"); 
	
	if ($sDiv) {
		$sCar = "carfield_"+$sForm.elements["carid"].value;
		if (document.getElementById($sCar)) {
			$sModel = document.getElementById($sCar).value
		}
		document.getElementById("summit_car").innerHTML = $sForm.elements["car"].value+" "+$sModel; 
		document.getElementById("productid").value = $p_nProductID;
		document.getElementById("producttable").value = $p_sTable;
		document.getElementById("customfield").value = $sForm.elements["car"].value+" "+$sModel; 
		
		$sDiv.style.display = "inline";
		document.getElementById("order_form").style.display = "none"; 
		
		var $aInputs = document.getElementsByTagName("input");
		var $sImage = 0; 
		var $bColorFound = false;
		for (var $nCount = 0; $nCount < $aInputs.length; $nCount++) {
			var $sID = $aInputs[$nCount].id;			
			if (($sID.indexOf("color_"+$p_nProductID+"_") != -1) && (!$bColorFound)) {
				// found image(s) of product, see which is selected
				var $aColor = $sForm.elements[ $aInputs[$nCount].name ];
				if ($aColor.length) {
					// more then one image is found
					for (var $nColor = 0; $nColor < $aColor.length; $nColor++) {
						if ($aColor[$nColor].checked == true) {
							$sImage = $aColor[$nColor].value;
						}
					}
				} else {
					// just one image is found, get value of single radiobutton
					$sImage = document.getElementById($sID).value;
				}
				$bColorFound = true;
			}
		}
		$sCarID = $sForm.elements["carid"].value;
		$sType = $sImage+"$"+$sCarID+"$"+$p_sType;
	}
	
	if ($sType != "") {
		sendRequest("getproduct_summary", $p_nProductID, $sType, "wcc_ajax_cars.php"); 
	}
	
	
}

function hideOrderData () {
	var $sDiv = document.getElementById("order_summit"); 
	if ($sDiv) {
		// alle gevulde items weer leeg maken?
		// NIET DOEN: $sDiv.innerHTML = "";
		$sDiv.style.display = "none";
		document.getElementById("order_form").style.display = "inline";
		
		
		// scroll selected car into view
		if (document.getElementById("carrow_"+document.forms["wccsearch"].elements["carid"].value)) {
			document.getElementById("carrow_"+document.forms["wccsearch"].elements["carid"].value).scrollIntoView(true);
		}
	}
}

// set tab fields for products
function setProductsTab($p_sProductType, $p_sID) {
	document.getElementById("tab_alloywheels").className = "tab_wccproduct";
	document.getElementById("tab_suspension").className = "tab_wccproduct";
	document.getElementById("tab_steelwheels").className = "tab_wccproduct";
	document.getElementById("tab_tyres").className = "tab_wccproduct";
	
	if ($p_sProductType == "alloywheels") {
		document.getElementById('tab_alloywheels').className = "tab_wccproducts";
		
	} else if ($p_sProductType == "suspension") {
		document.getElementById('tab_suspension').className = "tab_wccproducts";
		
	} else if ($p_sProductType == "steelwheels") {
		document.getElementById('tab_steelwheels').className = "tab_wccproducts";
		
	} else {
		document.getElementById('tab_tyres').className = "tab_wccproducts";
	}	
	
	document.forms["wccsearch"].elements['producttype'].value = $p_sProductType;
	sendRequest('getproducts', $p_sID+'_'+$p_sProductType , '', 'wcc_ajax_cars.php');
}

// check if tyres or wheel locks are selected too 
function addProductsToOrder () {
	//var $bReturn = true;
	var $sID = $sTable = "";
	
	if (document.getElementById("tyre_id").value.length > 0) {
		$sID = document.getElementById("tyre_id").value+",";
		$sTable = "tbl_wcc_bandentabel,";
	}
	if (document.getElementById("wheellock_id").value.length > 0) {
		$sID = document.getElementById("wheellock_id").value+",";
		$sTable = "tbl_wcc_wielsloten,";
	}
	
	$sID = $sID.substring(0, $sID.length-1);
	$sTable = $sTable.substring(0, $sTable.length-1);
	if ($sID.length > 0) {
		if (setActionViaAjax("addProductToBasket", $sID, $sTable, "wcc_ajax_cars.php", document.getElementById("customfield").value) != "true") {
			//$bReturn = false;
		}
	}
	//return $bReturn;
	
	window.setTimeout("document.forms['orderform'].submit();", 200);
}


// tüv search form 
function setEC_CarsDivsEmpty () {
	document.getElementById('tuvcartypescomplete').innerHTML = '';
	document.getElementById('tuvinches').innerHTML = '';
	document.getElementById('carproducts').innerHTML = '';
	document.getElementById('kwtypes').innerHTML = '';
}

function clickECRow($p_nCarID, $p_sFZ, $p_sEC) {
	document.getElementById('carproducts').innerHTML = ''; 
	sendRequest('getinches_ec', $p_nCarID, null, 'wcc_ajax_tuv.php'); 
	setRowSelected('carrow', 'carrow_'+$p_nCarID);
	
	document.forms["wccsearch"].elements['fz'].value = $p_sFZ;
	document.forms["wccsearch"].elements['ec'].value = $p_sEC;
}

function clickInchRow($p_nInch, $p_nID) {
	document.getElementById('carproducts').innerHTML = ''; 
	sendRequest('getproducts_ec', $p_nInch+""+$p_nID , null, 'wcc_ajax_tuv.php'); 
	setRowSelected('kwrow', 'kwrow_'+$p_nInch); 
	document.forms["wccsearch"].elements['inch'].value = $p_nInch;
}

function summitTuvOrderData ($p_nProductID, $p_sType) {
	
	var $sType= "";
	var $sDiv = document.getElementById('order_summit'); 
	if ($sDiv) {
		document.getElementById('summit_car').innerHTML = document.forms["wccsearch"].elements['FZ-Handelsbezeichnung'].value; 
		document.getElementById('summit_fz').innerHTML = document.forms["wccsearch"].elements['fz'].value; 
		document.getElementById('summit_ec').innerHTML = document.forms["wccsearch"].elements['ec'].value; 
		document.getElementById('summit_inch').innerHTML = document.forms["wccsearch"].elements['inch'].value+" inch"; 
		
		$sDiv.style.display = "inline";
		document.getElementById('order_form').style.display = "none"; 
		
		var $aInputs = document.getElementsByTagName('input');
		var $sImage = $nKW_Front = $nKW_Rear = $nFrontTyre = $nRearTyre = 0;
		var $bColorFound = false;
		for (var $nCount = 0; $nCount < $aInputs.length; $nCount++) {
			var $sID = $aInputs[$nCount].id;
			
			if (($sID.indexOf("color_"+$p_nProductID+"_") != -1) && (!$bColorFound)) {
				// found image(s) of product, see which is selected
				var $aColor = document.forms['wccsearch'].elements[ $aInputs[$nCount].name ];
				if ($aColor.length) {
					// more the one image is found
					for (var $nColor = 0; $nColor < $aColor.length; $nColor++) {
						if ($aColor[$nColor].checked == true) {
							$sImage = $aColor[$nColor].value;
						}
					}
				} else {
					// just one image is found, get value of single radiobutton
					$sImage = document.getElementById($sID).value;
				}
				$bColorFound = true;
			}
			
			if ($sID.indexOf("kwtypefront_"+$p_nProductID+"_") != -1) {
				// found kw types of product, see which is selected
				var $aKW = document.forms['wccsearch'].elements[ $aInputs[$nCount].name ];
				if ($aKW.length) {
					for (var $nKW = 0; $nKW < $aKW.length; $nKW++) {
						if ($aKW[$nKW].checked == true) {
							$nKW_Front = $aKW[$nKW].value;
						}
					}
				} else {
					$nKW_Front = document.getElementById($sID).value;
				}
			}
			
			if ($sID.indexOf("kwtyperear_"+$p_nProductID+"_") != -1) {
				// found kw types of product, see which is selected
				var $aKW = document.forms['wccsearch'].elements[ $aInputs[$nCount].name ];
				if ($aKW.length) {
					for (var $nKW = 0; $nKW < $aKW.length; $nKW++) {
						if ($aKW[$nKW].checked == true) {
							$nKW_Rear = $aKW[$nKW].value;
						}
					}
				} else {
					$nKW_Rear = document.getElementById($sID).value;
				}
			}
		}
		
		// check for tyres
		var $sFrontTyre = document.getElementById("front_tyre_"+$p_nProductID);
		if ($sFrontTyre) {
			$nFrontTyre = $sFrontTyre.value;
		}
		var $sRearTyre = document.getElementById("rear_tyre_"+$p_nProductID);
		if ($sRearTyre) {
			$nRearTyre = $sRearTyre.value;
		}
		$sType = $sImage+"-"+$nKW_Front+"-"+$nKW_Rear+"-"+$nFrontTyre+"-"+$nRearTyre;
	}
	
	if ($sType != "") {
		sendRequest('getproduct_summary', $p_nProductID, $sType, 'wcc_ajax_tuv.php'); 
	}
	
}
