function toggleDisplay(numRanges,num) {
        
	var row = document.getElementById('Range' + num);
	//alert('hello'+num);
	
	//Let's assume there are 10 job status at the max and reset all of it's layers display to none
	for(var j=0; j < 10; j++)
	{ 
        if(document.getElementById('Range'+j))
        {
        b=document.getElementById('Range'+j);
        
        b.style.display = 'none'; 
        
        } 
    }
    
    //Let's show the layer corresponding to the option checked.
    row.style.display = "inline";
    
}
function toggleDisplayQ(numRanges,num) {
        
	var row = document.getElementById('RangeQ' + num);
	//alert('hello'+num);
	
	//Let's assume there are 10 job status at the max and reset all of it's layers display to none
	for(var j=0; j < 5; j++)
	{ 
        if(document.getElementById('RangeQ'+j))
        {
        b=document.getElementById('RangeQ'+j);
        
        b.style.display = 'none'; 
        
        } 
    }
    
    //Let's show the layer corresponding to the option checked.
    row.style.display = "block";
    
}

function defaultLoadQ() {
	//Let's assume there are 10 job status at the max and reset all of it's layers display to none
	for (var j = 0; j < 5; j++) {
		if (document.getElementById('RangeQ' + j)) {
			b = document.getElementById('RangeQ' + j);

			b.style.display = 'none';

		}
	}
	document.getElementById('RangeQ0').style.display = "inline";
}

function defaultDropDownLoadQ(num) {
	//Let's assume there are 10 job status at the max and reset all of it's layers display to none
	for (var j = 0; j < 5; j++) {
		if (document.getElementById('RangeQ' + j)) {
			b = document.getElementById('RangeQ' + j);

			b.style.display = 'none';

		}
	}
	document.getElementById('RangeQ' + num).style.display = "inline";
}


function defaultLoad() {
	//Let's assume there are 10 job status at the max and reset all of it's layers display to none
	for (var j = 0; j < 5; j++) {
		if (document.getElementById('RangeQ' + j)) {
			b = document.getElementById('RangeQ' + j);

			b.style.display = 'none';

		}
	}
	document.getElementById('Range1').style.display = "inline";
}

function toggleClass(id) {
	//return if browser doesnt support
	if(!document.getElementById){return;}
	
	var obj = document.getElementById(id);
	if(obj.className == 'over') {
		obj.className = 'on';
	} else {
		obj.className = 'over';
	}
}