function closeAllDefinedDivs(divID)
{
    if (divs)
    {
        //skip "search by div" (last in the array)
        for (i=1;i<divs.length-1;i++)
        {
            if (divID!=divs[i] && document.getElementById(divs[i]))
            {
                document.getElementById(divs[i]).style.display = 'none';
                if (document.getElementById(divs[i]+'Title'))
                    document.getElementById(divs[i]+'Title').className = 'title';
            }
        }
    }
}
function closeLastDiv()
{
	document.getElementById(divs[divs.length-1]).style.display = 'none';
    if (document.getElementById(divs[divs.length-1]+'Title'))
        document.getElementById(divs[divs.length-1]+'Title').className = 'title';
}

function closeAllTitles(divTitle)
{
	for (i=1;i<divs.length-1;i++)
	{
		if (document.getElementById(divs[i]+'Title'))
			document.getElementById(divs[i]+'Title').style.display='none';
	}
//	alert(divTitle.id);
    if(divTitle)
	    divTitle.style.display = 'block';
}

function showAllTitles()
{
	for (i=0;i<divs.length-1;i++)
	{
		if (document.getElementById(divs[i]+'Title'))
			document.getElementById(divs[i]+'Title').style.display='block';
	}	
}

function expand(divID, divTitle)
{	
	
	//if (divID==divs[divs.length-1])
	//	showAllTitles();
	
   // closeAllDefinedDivs(divID);
	var div = document.getElementById(divID);
	
	//check if divColors or divOtherSearch and then close all title with one exception
	//if (divID!=divs[0] && divID!=divs[divs.length-1])
		//closeAllTitles(divTitle);
	if (div)
	{
		
		if (div.style.display=='none')
		{
			closeAllTitles(divTitle);
			div.style.display='inline';
			if (divTitle)
				divTitle.className = 'openTitle';
	    }
		else
		{
			div.style.display='none';
			if (divTitle)
				divTitle.className = 'title';
			showAllTitles();
		}
	}
	writeSettings();
}
function writeSettings()
{				
	if (readCookie('revelWIZSettings')!=null)
		eraseCookie('revelWIZSettings');
	var settings='';
	for (var i=0;i<divs.length;i++)
	{
	    var x = document.getElementById(divs[i]);
	    if (x)
		    settings += x.style.display;
		settings+=',';		
	}
	createCookie('revelWIZSettings', settings,31);
	
	
	if (readCookie('revelWIZTitlesSettings')!=null)
		eraseCookie('revelWIZTitlesSettings');
	var settingsTitles='';
	for (var i=0;i<divsTitles.length;i++)
	{
		//alert(divsTitles[i]+'='+x.style.display);
	    var x = document.getElementById(divsTitles[i]);
	    if (x)
		    settingsTitles += x.style.display;
		settingsTitles+=',';		
	}
	createCookie('revelWIZTitlesSettings', settingsTitles,31);
}

function colorClick(td, doPost)
{
    //var divTitle = document.getElementById('divOtherSearchTitle');
    //expand("divOtherSearch",divTitle);
    //
    closeAllDefinedDivs();
    closeAllTitles();
    showAllTitles();
	var mustSelect =false;
	for (i=1;i<=3;i++)
		for (j=1;j<=3;j++)
		{
			if (td.id=='td'+i+j && document.getElementById('td'+i+j).className!='')
				mustSelect = true;
			document.getElementById('td'+i+j).className= '';
		}
    if (!mustSelect)
	{
		td.className = 'selectedTD';
		color = td.id.substring(2,3);
		body = td.id.substring(3,4);
		var img = document.getElementById('img'+color+body);
				
		img.src = img.src.replace(/\.gif/,"-sel.gif");
	}
	else
	{
		color = body = '';
	}	
	if (doPost)
	{
		//closeLastDiv();
		writeSettings();
	}
	storeFilterValues();	
	if (typeof(postback)=='function' && doPost)
	    postback();
}
function CleanAllCells()
{
    for (i=1;i<=3;i++)
		for (j=1;j<=3;j++)
		{			
			document.getElementById('td'+i+j).className= '';
		}
}
function colorHeaderClick(th, doPost)
{   
if (th) 
{
    closeAllDefinedDivs();
    closeAllTitles();
    showAllTitles();
    //check if I must unselect the current row, based on the current style    
    var mustDeselect = true;    

    for (i=1;i<=3;i++)
    {	    
        if (document.getElementById('td'+th.id.substring(3,4)+i).className=='')
            mustDeselect = false;
    }
	//clean styles
    CleanAllCells();
    //add proper styles
    for (i=1;i<=3;i++)
    {	    
        document.getElementById('td'+th.id.substring(3,4)+i).className = 'selectedTD';	    
        var img = document.getElementById('img'+th.id.substring(3,4)+i);
        img.src = img.src.replace(/\.gif/,"-sel.gif");
        
    }
	if (mustDeselect)
	    color = -1;
	else
	    color = th.id.substring(3,4);
   	body = 0;
   	if (doPost)
	{
		//closeLastDiv();
		writeSettings();
	}
	storeFilterValues();
	if (typeof(postback)=='function' && doPost)
	    postback();
}
}
function bodyHeaderClick(th, doPost)
{
if (th)
{
    closeAllDefinedDivs();
    closeAllTitles();
    showAllTitles();
    //showAllTitles();
    //check if I must unselect the current row, based on the current style    
    var mustDeselect = true;
    for (i=1;i<=3;i++)
	{	    
	    if (document.getElementById('td'+i+th.id.substring(2,3)).className=='')
	        mustDeselect = false;
	}
	//clean cell styles
    CleanAllCells();
    //put proper styles
    for (i=1;i<=3;i++)
    {
        document.getElementById('td'+i+th.id.substring(2,3)).className = 'selectedTD';
        var img = document.getElementById('img'+i+th.id.substring(2,3));
        img.src = img.src.replace(/\.gif/,"-sel.gif");
    }
    color = 0;
    if (mustDeselect)
        body = -1;
    else
	    body = th.id.substring(2,3);
	if (doPost)
	{
		//closeLastDiv();
		writeSettings();
	}
	storeFilterValues();
	if (typeof(postback)=='function' && doPost)
	    postback();
}
}
function priceHeaderClick(td, doPost)
{
    closeAllDefinedDivs();
    closeAllTitles();
    showAllTitles();
    
    //showAllTitles();
    for (i=1;i<=3;i++)
    {
        document.getElementById('td4'+i).className += ' priceselectedTD';
//		this lines selects all 3 prices
//        var img = document.getElementById('img4'+i);
//        if (img) img.src= img.src.replace(/\.gif/,"_selected.gif");
    }
    price = 0;
    if (doPost)
	{
		//closeLastDiv();
		writeSettings();
	}
    storeFilterValues();
    if (typeof(postback)=='function' && doPost)
	    postback();
}
function priceClick(td, doPost)
{
    closeAllDefinedDivs();
    closeAllTitles();
    showAllTitles();
    //showAllTitles();
	var mustSelect =false;
	for (i=1;i<=3;i++)	
	{
		document.getElementById('td4'+i).className.replace(/ priceselectedTD/, '');
	}
	if (doPost && price == td.id.substring(3,4))
		price='';
	else
	{
		td.className += ' priceselectedTD';
		//unselect old image - for better look
		var img = document.getElementById('img4'+price);		
		if (img)
		{			
			img.src = img.src.replace(/_selected/,"");
		}
		price = td.id.substring(3,4);
		//apply new selected price image
		var img = document.getElementById('img4'+price);		
		if (img)
		{			
			img.src = img.src.replace(/\.gif/,"_selected.gif");
		}
	}

	if (doPost)
	{
		//closeLastDiv();
		writeSettings();
	}
	storeFilterValues();
	if (typeof(postback)=='function' && doPost)
	    postback();
}