function getHTTPObject() {
    var xmlhttp;
    /*@cc_on
    @if (@_jscript_version >= 5)
	try {
	    xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
	} catch (e) {
	    try {
		xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
	    } catch (E) {
		xmlhttp = false;
	    }
	}
    @else
	xmlhttp = false;
    @end @*/
    if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
	try {
	    xmlhttp = new XMLHttpRequest();
	} catch (e) {
	    xmlhttp = false;
	}
    }
    return xmlhttp;
}

var columnDivs = [
			["Select1", "Specs1"],
			["Select2", "Specs2", "Select2_NA"],
			["Select3", "Specs3", "Advant3", "Advant3_NA"],
			["advantageBtns", "advantageBtns2"]
		 ];

var columnStates = new Array(4);

//Select Divs for each column

var selectDivs = [
			["Search1", "MyGarage1"],
			["Search2", "MyGarage2", "Similar2", "Featured2"],
			["Search3", "MyGarage3", "Similar3"]
		 ];

var selectStates = ["Search1", "Search2", "Search3"];

//Search Divs and states
var searchDivs = [
			["SearchBox1", "TrimBox1"],
			["SearchBox2", "TrimBox2"],
			["SearchBox3", "TrimBox3"]
		 ];

searchStates = new Array(3);


var wantFeaturedCars = 0;

var divSearchBox, divTrimBox, divMygarage, divSimilar, divFeatured, divSimilarColumn, trimColumn;
var featuredMakeModel = new Array(2);
var http = getHTTPObject(); // We create the HTTP Object

function handleGetTrimSelection() {

    if (http.readyState == 4) {
	if (http.status == 200) {
	    
	    divTrimBox.innerHTML = http.responseText;
	    divSearchBox.style.display = "none";
	    divTrimBox.style.display = "";

	    // Check Featured Cars

	    if (trimColumn == 1 && vehicleID[1] == 0) {
		wantFeaturedCars = 1;
		getFeatured('2');
	    }

    	    //enableDiv(searchStates,searchDivs, column-1,1);	
	    //enableDiv(selectStates,selectDivs, column-1,0);	
	} else {
	    alert("There was a problem retrieving the XML data:\\n" + http.statusText);
	}
    }
}

function getTrimSelection(columnN, formName, divSearch, divTrim) {
    var url = 'trimbox.pl';
    trimColumn = columnN;	


    divSearchBox = document.getElementById(divSearch);
    divTrimBox = document.getElementById(divTrim);
    
    Form = document.forms[ formName ];

    var SelMake	 = Form.makeOne.options[Form.makeOne.options.selectedIndex].text;
    var SelModel = Form.modelOne.options[Form.modelOne.options.selectedIndex].text;
    var SelYear	 = Form.yearOne.options[Form.yearOne.options.selectedIndex].text;
    if(SelYear == "Select Year"){
	alert("Please select Make, Model and Year to proceed with the search.");
	return;
    } 

    featuredMakeModel[columnN-1] = 'make=' + escape(SelMake) + '&model=' + escape(SelModel);
    	
    http.open("POST", url);
    http.onreadystatechange = handleGetTrimSelection;
    http.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    http.send('year=' + escape(SelYear) + '&make=' + escape(SelMake) + '&model=' + escape(SelModel) + '&columnNumber=' + columnN);
    
    document.getElementById('trim_help').style.visibility = "visible";
}

function outside_getTrimSelection(divSearch, divTrim, SelMake, SelModel, SelYear) {
    var url = 'trimbox.pl';

    divSearchBox = document.getElementById(divSearch);
    divTrimBox = document.getElementById(divTrim);
    
    http.open("POST", url);
    http.onreadystatechange = handleGetTrimSelection;
    http.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    http.send('year=' + escape(SelYear) + '&make=' + escape(SelMake) + '&model=' + escape(SelModel) + '&columnNumber='+1);
    
    document.getElementById('trim_help').style.visibility = "visible";
}

function showSearchAgain(divSearch, divTrim) {
    divSearchBox = document.getElementById(divSearch);
    divTrimBox = document.getElementById(divTrim);

    divSearchBox.style.display = "";
    divTrimBox.style.display = "none";

}

function handleGetMyGarage() {

    if (http.readyState == 4) {
        if (http.status == 200) {
            divMygarage.innerHTML = http.responseText;
        } else {
            alert("There was a problem retrieving the XML data:\\n" + http.statusText);
        }
    }
}

function getMyGarage(column) {
    var url = 'my_garage.pl';
    divMygarage = document.getElementById('MyGarage'+column);

    http.open("POST", url);
    http.onreadystatechange = handleGetMyGarage;
    http.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    http.send('columnNumber='+column);
    
    document.getElementById('trim_help').style.visibility = "visible";
}

function handleGetSimilarCars() {

    if (http.readyState == 4) {
        if (http.status == 200) {
            divSimilar.innerHTML = http.responseText;
	    if (wantFeaturedCars == 1) {
		//check for featuered cars, assume it is 2-nd column
		var ReF = /HAVE_FEATURED_CARS/;
		var OK = ReF.exec(http.responseText);
		if (OK) {

		    if(selectStates[divSimilarColumn-1] != 'none'){	
			document.getElementById(selectStates[divSimilarColumn-1]).style.display = "none";
			document.getElementById(selectStates[divSimilarColumn-1]+'_img').src = headerImgPath(selectStates[divSimilarColumn-1],'collapse');
		    }
		    divSimilar.style.display = "";       
		    document.getElementById('Similar'+divSimilarColumn+'_img').src = headerImgPath('Similar'+divSimilarColumn,'expand');
		    selectStates[divSimilarColumn-1] = 'Similar'+divSimilarColumn;

		    resetSearchBox(divSimilarColumn);
 
		    enableDiv(columnStates,columnDivs,divSimilarColumn-1, 0); //enable Select

//		    enableDiv(selectStates,selectDivs,1, 2); //enable 'Similar' div

		} else {
		    //alert('column:' + divSimilarColumn + ', vehicleID: ' + vehicleID[divSimilarColumn-1]);

		    if (vehicleID[divSimilarColumn-1] == 0) {
			loadSearchBox(divSimilarColumn);
		    } 
		}

		wantFeaturedCars = 0;
	    }

        } else {
            alert("There was a problem retrieving the XML data:\\n" + http.statusText);
        }
    }
}

function getSimilarCars(column) {
    var url = 'similar_cars.pl';
  //  alert('getting similar cars for:' + column);
    divSimilar = document.getElementById('Similar'+column);
    divSimilarColumn = column;

    http.open("POST", url);
    http.onreadystatechange = handleGetSimilarCars;
    http.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    http.send('vehicle_id='+vehicleID[0]+'&column='+column);
    
    document.getElementById('trim_help').style.visibility = "visible";
}

function handleGetFeaturedCars() {
    if (http.readyState == 4) {
        if (http.status == 200) {
            divFeatured.innerHTML = http.responseText;
	    if (wantFeaturedCars == 1) {
		//check for featuered cars, assume it is 2-nd column
		var ReF = /HAVE_FEATURED_CARS/;
		var OK = ReF.exec(http.responseText);
		if (OK) {
		    document.getElementById(selectStates[1]+'_img').src = headerImgPath(selectStates[1],'collapse');
		    document.getElementById('Featured2'+'_img').src = headerImgPath('Featured2','expand');
		    enableDiv(selectStates,selectDivs,1, 3); // enable featured
		    resetSearchBox(2);

		    enableDiv(columnStates,columnDivs,1, 0); //enable Select
		    selectStates[1] = 'Featured2';
		}

		wantFeaturedCars = 0;
	    }

            //enableDiv(selectStates,selectDivs,0,1);
            
        } else {
            alert("There was a problem retrieving the XML data:\\n" + http.statusText);
        }
    }

}
function getFeatured(column){
    var url = 'featured_cars.pl';
  //  alert('getting similar cars for:' + column);
    divFeatured = document.getElementById('Featured'+column);

    http.open("POST", url);
    http.onreadystatechange = handleGetFeaturedCars;
    http.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    if ( featuredMakeModel[column-2]) {
	http.send(featuredMakeModel[column-2]+'&column='+column);
    } else {
	http.send('vehicle_id='+vehicleID[column-2]+'&column='+column);
    }
    
    document.getElementById('trim_help').style.visibility = "visible";
}

function enableDiv(statesArray,divArray, index1, index2){
    var cnt=0;	
    while( divArray[index1][cnt] ){
	var div = document.getElementById(divArray[index1][cnt]);
	
	if( cnt == index2){
	    div.style.display = "";
	    statesArray[index1] = divArray[index1][cnt];	    
	}
	else{
	   div.style.display = "none";
	}
	cnt=cnt+1;
    }	
}

function loadSearchBox(colNumber){
    enableDiv(columnStates,columnDivs,colNumber-1, 0); //enable Select
    enableDiv(selectStates,selectDivs,colNumber-1, 0);
    resetSearchBox(colNumber);	
}

function resetSearchBox(column){	
    Form = document.forms[ 'SearchBoxForm'+column ];

    Form.makeOne.options[Form.makeOne.options.selectedIndex].selected=0;
    refreshModels('SearchBoxForm'+column);
    refreshYears('SearchBoxForm'+column);	
    enableDiv(searchStates,searchDivs,column-1,0);
    InitMakes('SearchBoxForm'+column);
}

function removeVehicle(colNumber){

    var thisCol = colNumber;
    
    if(colNumber == 3){
    	resetSearchBox(3);
	vehicleID[2] = 0;
	if(vehicleID[0] && vehicleID[1]){
	    //enableAdvantages(0);
	    loadAdvantages();
	}
	else{
	     enableDiv(columnStates, columnDivs,2,3);
	     enableDiv(columnStates, columnDivs,3,0);
	}
    }
    else if(colNumber == 2){
    	resetSearchBox(2);
	if(columnStates[2]==columnDivs[2][1] && vehicleID[2] != 0){//if there is 3d vehicle shown
	    vehicleID[1] = vehicleID[2];
	    showVehicleSpecs( vehicleID[1], 2 );
	    vehicleID[2] = 0;
	    document.forms['choose2cars'].lbl3.value = '';
	    //enableDiv(columnStates, columnDivs,1,1);
        }
        else{ //either there is no third vehicle or it is not shown
            vehicleID[1] = 0;
            vehicleID[2] = 0;
            enableDiv(columnStates, columnDivs, 1, 0);
            enableDiv(columnStates, columnDivs, 2, 3);
            enableDiv(columnStates, columnDivs, 3, 0);
	}

    }					
    else if (colNumber == 1){
    	resetSearchBox(1);
		if(columnStates[2]==columnDivs[2][1] && vehicleID[2] != 0){//if there is 3d vehicle shown
			vehicleID[0] = vehicleID[2];
			showVehicleSpecs(vehicleID[0], 1);
			vehicleID[2] = 0;
			document.forms['choose2cars'].lbl3.value = '';
		} else { //3rd vehicle did not exist
			vehicleID[2] = 0;
			
			enableDiv(columnStates, columnDivs,0, 0);
	        enableDiv(columnStates, columnDivs,1, 2);
        }


//	vehicleID[0] = vehicleID[1];
	//vehicleID[1] = 0;

//	if(vehicleID[0]){ // 2nd vehicle existed
		//copy second to first and call remove on the second
//		showVehicleSpecs(vehicleID[0], 1);
//		document.forms['choose2cars'].lbl2.value = '';
	//	enableDiv(columnStates, columnDivs,0,1);
//		removeVehicle(2);
//	}
//	else{//2nd vehicle did not exist
//		enableDiv(columnStates, columnDivs,0, 0);
//		enableDiv(columnStates, columnDivs,1, 2);
//	}
    }

    
    hidePulldown();
}


var httpSpecs1 = getHTTPObject(); // We create the HTTP Object
var _colSpecsDiv1;
var _colSelectDiv1;

function handleShowVehicleSpecs1() {
    if (httpSpecs1.readyState == 4) {
	if (httpSpecs1.status == 200) {
	    _colSpecsDiv1.innerHTML = httpSpecs1.responseText;
	} else {
	    _colSpecsDiv1.innerHTML = "There was a problem retrieving the XML data:\\n" + httpSpecs1.statusText;
	}
    }
}

function showVehicleSpecs1(vehicle_id ) {
    _colSpecsDiv1 = document.getElementById('Specs1');
    _colSelectDiv1 = document.getElementById('Select1');
    
    //_colSpecsDiv1.innerHTML = 'Loading...';
    //_colSpecsDiv1.style.display = "";
    //_colSelectDiv1.style.display = "none";
    document.getElementById(columnDivs[0][1]).innerHTML = 'Loading...';
  //  enableDiv(columnStates, columnDivs, 0, 1);
	

    var specs_url = 'vehicle_specs.pl';
    httpSpecs1.open("POST", specs_url, true);
    httpSpecs1.onreadystatechange = handleShowVehicleSpecs1;
    httpSpecs1.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    httpSpecs1.send('vehicle_id=' + vehicle_id + '&columnNumber=1');

    vehicleID[ 0 ] = vehicle_id;
    enableDiv(columnStates,columnDivs,0, 1);	

    if (vehicleID[1] == 0) {
	wantFeaturedCars = 1;
	getSimilarCars(2);
    } else {
	loadAdvantages();
    }

    //check featured cars
//    if (vehicleID[1] == 0) {
//	loadSearchBox('2');
//    } 
}


var httpSpecs2 = getHTTPObject(); // We create the HTTP Object
var _colSpecsDiv2;
var _colSelectDiv2;

function handleShowVehicleSpecs2() {
    if (httpSpecs2.readyState == 4) {
	if (httpSpecs2.status == 200) {
	    _colSpecsDiv2.innerHTML = httpSpecs2.responseText;
	} else {
	    _colSpecsDiv2.innerHTML = "There was a problem retrieving the XML data:\\n" + httpSpecs2.statusText;
	}
    }
}

function showVehicleSpecs2(vehicle_id) {
    _colSpecsDiv2 = document.getElementById('Specs2');
    _colSelectDiv2 = document.getElementById('Select2');

    //_colSpecsDiv2.innerHTML = 'Loading...';
    //_colSpecsDiv2.style.display = "";
    //_colSelectDiv2.style.display = "none";

    document.getElementById(columnDivs[1][1]).innerHTML = 'Loading...';
//    enableDiv(columnStates, columnDivs, 1, 1);
    
    var specs_url = 'vehicle_specs.pl';
    httpSpecs2.open("POST", specs_url, true);
    httpSpecs2.onreadystatechange = handleShowVehicleSpecs2;
    httpSpecs2.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    httpSpecs2.send('vehicle_id=' + vehicle_id + '&columnNumber=2');
    enableDiv(columnStates,columnDivs,1, 1);
    vehicleID[ 1 ] = vehicle_id;
    cmpVeh1 = vehicleID[0];
    cmpVeh2 = vehicleID[1]; 	
    loadAdvantages();

}

var httpSpecs3 = getHTTPObject(); // We create the HTTP Object
var _colSpecsDiv3;
var _colSelectDiv3;

function handleShowVehicleSpecs3() {
    if (httpSpecs3.readyState == 4) {
	if (httpSpecs3.status == 200) {
	    _colSpecsDiv3.innerHTML = httpSpecs3.responseText;
	} else {
	    _colSpecsDiv3.innerHTML = "There was a problem retrieving the XML data:\\n" + httpSpecs3.statusText;
	}
    }
}

function showVehicleSpecs3(vehicle_id) {   
    _colSpecsDiv3 = document.getElementById('Specs3');
    _colSelectDiv3 = document.getElementById('Select3');

    //_colSpecsDiv3.innerHTML = 'Loading...';
    //_colSpecsDiv3.style.display = "";
    //_colSelectDiv3.style.display = "none";

    document.getElementById(columnDivs[2][1]).innerHTML = 'Loading...';
    //enableDiv(columnStates, columnDivs, 2, 1);
    
    var specs_url = 'vehicle_specs.pl';
    httpSpecs3.open("POST", specs_url, true);
    httpSpecs3.onreadystatechange = handleShowVehicleSpecs3;
    httpSpecs3.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    httpSpecs3.send('vehicle_id=' + vehicle_id + '&columnNumber=3');

    vehicleID[ 2 ] = vehicle_id;
    enableDiv(columnStates, columnDivs, 2, 1);		
    enableDiv(columnStates, columnDivs, 3, 1);	     
}

function showVehicleSpecs(vehicle_id, colNumber) {
    
    document.getElementById('trim_help').style.visibility = "hidden";
    
    if (colNumber == 1) {
	showVehicleSpecs1(vehicle_id);
    } else if (colNumber == 2) {
	showVehicleSpecs2(vehicle_id);
    } else if (colNumber == 3) {
	showVehicleSpecs3(vehicle_id);
    }
}

function handleLoadAdvantages() {
    if (http.readyState == 4) {
	if (http.status == 200) {
	    document.getElementById(columnDivs[2][2]).innerHTML = http.responseText;
	    //document.getElementById('Advant3').style.display = "";
	} else {
	    alert("There was a problem retrieving the XML data:\\n" + http.statusText);
	}
    }
}
//geneal function that loads advantages, changes tab and show advantages frame
//different from higher function that handles popup
function loadAdvantages() {
    var specs_url = 'advantages.pl';
    http.open("POST", specs_url, true);
    http.onreadystatechange = handleLoadAdvantages;
    http.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    http.send('vehicle_id_1=' + vehicleID[0] + '&vehicle_id_2=' + vehicleID[1]);

    enableDiv(columnStates, columnDivs, 2, 2);	
    enableDiv(columnStates, columnDivs, 3, 0);
}

function enableAdvantages(popup){
    if(columnStates[1] == columnDivs[1][1] && vehicleID[2] != 0 ){
        toggleVis('pullDown');
        togShow('trimDropdown3');
    }
    else if(columnStates[1] == columnDivs[1][1]){
	enableDiv(columnStates, columnDivs, 3, 0);
	loadAdvantages();
    }
}

function enableCompareThird(){
    hidePulldown();	
    if(columnStates[1] == columnDivs[1][1] ){
	//highlight compare_third_bttn
	enableDiv(columnStates,columnDivs,3,1);
	
	if(vehicleID[2]){
	    showVehicleSpecs( vehicleID[2], 3 );
	}
	else{
    	    //show select_box	
	    //enableDiv(columnStates,columnDivs,2,0);	
	    loadSearchBox('3');	
	}    	
    }
}

// toggle visibility
function toggleVis(pullDown){
	var trimsList1,carTitle1,trimsList2,carTitle2,trimsList3,carTitle3;
	

        if (document.getElementById){
            target = document.getElementById(pullDown);

            if (target.style.visibility == "visible"){
                target.style.visibility = "hidden";// set it to default
                } else {
                    target.style.visibility = "visible";
       	    	
	            if(document.getElementById('trimDropdown1') && document.getElementById('carSpecTitle1')){
                         trimsList1 = document.getElementById('trimDropdown1');
                         carTitle1 = document.getElementById('carSpecTitle1').innerHTML;
    		         document.forms['choose2cars'].lbl1.value = carTitle1+" "+ trimsList1.options[ trimsList1.selectedIndex ].text;
	            }
	            if(document.getElementById('trimDropdown2') && document.getElementById('carSpecTitle2')){
                         trimsList2 = document.getElementById('trimDropdown2');
                         carTitle2 = document.getElementById('carSpecTitle2').innerHTML;
    		         document.forms['choose2cars'].lbl2.value = carTitle2+" "+ trimsList2.options[ trimsList2.selectedIndex ].text;
                    }	
	            if(document.getElementById('trimDropdown3') && document.getElementById('carSpecTitle3')){
	                 trimsList3 = document.getElementById('trimDropdown3');
                         carTitle3 = document.getElementById('carSpecTitle3').innerHTML;
    		         document.forms['choose2cars'].lbl3.value = carTitle3+" "+ trimsList3.options[ trimsList3.selectedIndex ].text;
	            }

	        }
        }
}
function hidePulldown(){
    target = document.getElementById('pullDown');
    target.style.visibility = "hidden";
}
// toggles visibility of form element

var bV=parseInt(navigator.appVersion);
NS4=(document.layers) ? true : false;
IE4=((document.all)&&(bV>=4))?true:false;

function togShow(id) {
    if (NS4) {
        if (document.layers[id].visibility == "hide") {
            document.layers[id].visibility = "show";
        }else{
            document.layers[id].visibility = "hide";
        }
    }
    if (IE4) {
        if (document.all[id].style.visibility=="hidden"){
            document.all[id].style.visibility="visible";
        }else{
            document.all[id].style.visibility="hidden";
        }
    }
}


function countChoices(){
		
	var box1 = document.getElementById('box1');
	var box2 = document.getElementById('box2');
	var box3 = document.getElementById('box3');
	
	if(box1.checked && box2.checked && box3.checked){
		alert("Please choose exactly two vehicles to compare");
		return;
	}else if(box1.checked && box3.checked){
		removeVehicle(2);
	        toggleVis('pullDown');
	}else if(box2.checked && box3.checked){
	  	removeVehicle(1);
	  	toggleVis('pullDown');
	}else if(box1.checked && box2.checked){
		removeVehicle(3);
                toggleVis('pullDown');
	}
	else{
		alert("Please choose exactly two vehicles to compare");
		return;
	}
}

function changeTrim(column){
    var trimsList = document.getElementById('trimDropdown'+column);
    
	if(column == 1){
	    showVehicleSpecs( trimsList.options[ trimsList.selectedIndex ].value, column );
            if(vehicleID[1]){
		loadAdvantages();
            }
	    if(vehicleID[2] != 0){
		enableDiv(columnStates, columnDivs, 2, 1);
		enableDiv(columnStates, columnDivs, 3, 1);
	    }	
	}
	else if(column == 2){
	    showVehicleSpecs( trimsList.options[ trimsList.selectedIndex ].value, column); 
	    if(vehicleID[2] != 0){
		enableDiv(columnStates, columnDivs, 2, 1);
		enableDiv(columnStates, columnDivs, 3, 1);
	    }	
	}
	else{
	    showVehicleSpecs( trimsList.options[ trimsList.selectedIndex ].value, column);
	}
}

function headerImgPath(div, state){
    if(div == selectDivs[0][0] || div == selectDivs[1][0] || div == selectDivs[2][0]){
	    if(state == 'collapse'){
		return("/images/search-expand.gif");
	    }else{
	    	return("/images/search-collapse.gif");
	    }
    }
    else if(div == selectDivs[0][1] || div == selectDivs[1][1] || div == selectDivs[2][1]){
	    if(state == 'collapse'){
		return("/images/garage-expand.gif");
	    }else{
	    	return("/images/garage-collapse.gif");
	    }
    }
    else if(div == selectDivs[1][2] || div == selectDivs[2][2]){
	    if(state == 'collapse'){
		return("/images/similar-expand-enabled.gif");
	    }else{
	    	return("/images/similar-collapse-enabled.gif");
	    }
    }
    else if(div == selectDivs[1][3] || div == selectDivs[2][3]){
	    if(state == 'collapse'){
		return("/images/featured-expand-enabled.gif");
	    }else{
	    	return("/images/featured-collapse-enabled.gif");
	    }
    }
    else return("");
}

function expand_collapse(column, div){

    //if the div is not expanded => EXPAND
    if(selectStates[column-1] != div){
       if(div == 'MyGarage2' || div == 'MyGarage1' || div == 'MyGarage3'){
           getMyGarage(column);	
       }  
       else if(div == 'Similar2' || div == 'Similar3'){
           getSimilarCars(column);	
       }  
       else if(div == 'Featured2' || div == 'Featured3'){
           getFeatured(column);	
       }  
       //if not all collapsed 
       if(selectStates[column-1] != 'none'){	
           document.getElementById(selectStates[column-1]).style.display = "none";
           document.getElementById(selectStates[column-1]+'_img').src = headerImgPath(selectStates[column-1],'collapse');
       }
       document.getElementById(div).style.display = "";       
       document.getElementById(div+'_img').src = headerImgPath(div,'expand');
       selectStates[column-1] = div;
    
    }  
    //else => COLLAPSE
    else{
       document.getElementById(div).style.display = "none";
       document.getElementById(div+'_img').src = headerImgPath(div,'collapse');
       selectStates[column-1] = 'none';
    }	
}

function loadVeh_external(vid1, vid2, vid3, my_garage){
	
    //alert(vid1+", "+vid2+", "+vid3+", "+my_garage);
    if(vid1 != 0){	
	showVehicleSpecs(vid1,1);
	if(my_garage != 0){
	    expand_collapse(2, 'MyGarage2');		
	}
	if(vid2 != 0){
             showVehicleSpecs(vid2, 2);		
	     if(vid3 != 0){
	         showVehicleSpecs(vid3, 3);
}
	}
    }
}

function emailURL(server){

    var script = "/compare/compare.pl?"		
    var querystring = "";
    
    //var server = "globestage.strathcom.com";	
    
    if(vehicleID[0] != 0){
    	querystring = "vehicle_id|eq|";
	querystring = querystring+vehicleID[0];
    }
    if(vehicleID[1] != 0){
    	querystring = querystring+"|amp|vehicle_id|eq|"
	querystring = querystring+vehicleID[1];
    }
    if(vehicleID[2] != 0){
    	querystring = querystring+"|amp|vehicle_id|eq|"
	querystring = querystring+vehicleID[2];
    }
    if(selectStates[1] == selectDivs[1][1]){
	querystring = querystring+"|amp|my_garage|eq|1";
    }
    if(querystring != ""){
	url=url+querystring;
    }

    var url = "/car_profile/email_page.pl?server="+ server +"&script=" +
    script + "&querystring=" + querystring;

    var name = "Email_Page";

    var options = "top=100,left=100,height=345,width=402,buttons=no,scrollbars=no,location=no,menubar=no,resizable=no,status=no,directories=no,toolbar=no";
    var newwindow=window.open(url, name, options);

    if (window.focus) {newwindow.focus()}
}

function printURL(){
    var url = "/cgi-bin/compare/compare.pl?"		
    var params = "print=1";	
    	
    if(vehicleID[0] != 0){
    	params = params+"&vehicle_id=";
	params = params+vehicleID[0];
    }
    if(vehicleID[1] != 0){
    	params = params+"&vehicle_id="
	params = params+vehicleID[1];
    }
    if(vehicleID[2] != 0){
    	params = params+"&vehicle_id="
	params = params+vehicleID[2];
    }
    if(selectStates[1] == selectDivs[1][1]){
	params = params+"&my_garage=1";
    }	
    if(params != ""){
	url=url+params;
    }

    window.open(url);	
}

function popup_gallery(vehicle_id)
{
    var url = "/cgi-bin/car_profile/colour_photos.pl?vehicle_id=" + vehicle_id;
    var name = "Photo_Gallery";
    var options = "top=100,left=100,height=700,width=750,buttons=no,scrollbars=no,location=no,menubar=no,resizable=no,status=no,directories=no,toolbar=no";
    newwindow=window.open(url, name, options);
    if (window.focus) {
        newwindow.focus();
    }
}