var curRow = 0;
function toggleRow (event, dropPaneGroupArray, rowNum) {

	if (dropPaneGroupArray && dropPaneGroupArray[rowNum]) {
		var rowHeader = document.getElementById(dropPaneGroupArray[rowNum] + '-header');
		var row = document.getElementById(dropPaneGroupArray[rowNum]);
		// collapse all others
		var currRow,
				currRowHeader;
				
		if(curRow != rowNum){		
		for (var i =0; i < dropPaneGroupArray.length; i++) {
			if (i != rowNum) {
				currRowHeader = document.getElementById(dropPaneGroupArray[i] + '-header');
				currRow = document.getElementById(dropPaneGroupArray[i]);
				
				if (currRow && currRowHeader && currRow.style.display != 'none') {
				
					collapseRow(currRowHeader, currRow);
					
				}
			}
		}
		
		curRow = rowNum;
		if (row && rowHeader) {

			if (row.style.display == 'none') {
			
				var expr = expandRow(rowHeader, row);

			} else {
				var colr = collapseRow(rowHeader, row);
			}
		
			cancelEvent(event);
		}
		}
	}
}

function collapseRow(rowHeader, rowBody, event, dropPaneGroupArray, rowNum) {

	rowBody.style.display = 'none'; 
	rowHeader.style.backgroundImage = 'url(images/home_html/select_car_by_body_style/plus.gif)'; 
	rowHeader.style.cursor='pointer';
}

function expandRow(rowHeader, rowBody) {
	rowBody.style.display = ''; 
	rowHeader.style.backgroundImage = 'url(images/home_html/select_car_by_body_style/tab_selected_minus.jpg)'; 
	rowHeader.style.cursor='default';
}
function cancelEvent(e, c)
{
	e.returnValue = false;
	if (e.preventDefault) e.preventDefault();
	if (c) {
		e.cancelBubble = true;
		if (e.stopPropagation) e.stopPropagation();
	}
};
var dropPaneGroup1 = new Array("by-style", "by-class", "by-price-range", "by-fuel-economy","by-category", "by-green-rating");

/*responses*/
function doggleRowClick(len){
for(var i=0;i<len;i++)
document.getElementsByClassName("gridRow")[i].onmousemove = getElement;
}
document.getElementsByClassName = function(cl) {
var retnode = [];
var myclass = new RegExp('\\b'+cl+'\\b');
var elem = this.getElementsByTagName('*');
for (var i = 0; i < elem.length; i++) {
var classes = elem[i].className;
if (myclass.test(classes)) retnode.push(elem[i]);
}
return retnode;
}; 
function getElement(){
	var n = this.id.split('-');
	var butId = "expBut"+n[1];
	var obj = document.getElementById(butId);
	var boxId = "detailWrap"+n[1];
	var boxObj = document.getElementById(boxId);
	
	this.onmouseover = function(){
		this.style.backgroundColor ="#B8B939";
	}
	
	this.onmouseout = function(){
		this.style.backgroundColor ="#F6F1EB";
	}
	
	this.onclick = function(){
		if(obj.className == "expButn"){
			obj.className = "expButnA";
			boxObj.style.display="block";
		}else {
			obj.className = "expButn";
			boxObj.style.display="none";
		}
		//checkHeight();
	}
}

function checkCarid(carId,totalRows) {
	for(var i=0;i<totalRows;i++) {
		var obj = document.getElementById("gridRow-"+i);
		var objName = obj.title;
		if(carId == objName){
			var id = obj.id.split('-');
			document.getElementById("expBut"+i).className = "expButnA";
			document.getElementById("detailWrap"+i).style.display = "block";
		}
	}
}

function checkgridRowheight(totrow) {
	//alert(totrow);
	var totalRows = totrow;
	//var rowWidth = 0;
	for(var i=0;i<totalRows;i++) {
		var curRow = "gridRow-"+i;
		var rowHeight = parseInt(document.getElementById(curRow).offsetHeight);
		var parantDiv = document.getElementById(curRow);
		var children = parantDiv.getElementsByTagName("div");
		for(var j=0;j<children.length;j++) {
			var alt = j%2;
			if(alt!=0) {
				children[alt].style.height = (rowHeight-9)+"px";
			}else{
			children[j].style.height = rowHeight+"px";}
		}
	}

}