function loadbg(x){
	switch(x){
	case 1:
	bg = "bg_living_classic.jpg";
	title = "living_classic.jpg";
	lnkref = "http://www.sagers.ca/_living/classic.php";
	break;
	case 2:
	bg = "bg_living_urban.jpg";
	title = "living_urban.jpg";
	lnkref = "http://www.sagers.ca/_living/urban.php";
	break;
	case 3:
	bg = "bg_living_leather.jpg";
	title = "living_leather.jpg";
	lnkref = "http://www.sagers.ca/_living/leather.php";
	break;
	case 4:
	bg = "bg_dining_classic.jpg";
	title = "dining_classic.jpg";
	lnkref = "http://www.sagers.ca/_dining/classic.php";
	break;	
	case 5:
	bg = "bg_dining_urban.jpg";
	title = "dining_urban.jpg";
	lnkref = "http://www.sagers.ca/_dining/urban.php";
	break;
	case 6:
	bg = "bg_dining_custom.jpg";
	title = "dining_custom.jpg";
	lnkref = "http://www.sagers.ca/_dining/custom.php";
	break;	
	case 7:
	bg = "bg_bedroom_classic.jpg";
	title = "bedroom_classic.jpg";
	lnkref = "http://www.sagers.ca/_bedroom/classic.php";
	break;
	case 8:
	bg = "bg_bedroom_urban.jpg";
	title = "bedroom_urban.jpg";
	lnkref = "http://www.sagers.ca/_bedroom/urban.php";
	break;
	case 9:
	bg = "bg_bedroom_bedding.jpg";
	title = "bedroom_bedding.jpg";
	lnkref = "http://www.sagers.ca/_bedroom/bedding.php";
	break;
	case 10:
	bg = "bg_office_classic.jpg";
	title = "office_classic.jpg";
	lnkref = "http://www.sagers.ca/_office/classic.php";	
	break;
	case 11:
	bg = "bg_office_modern.jpg";
	title = "office_modern.jpg";
	lnkref = "http://www.sagers.ca/_office/modern.php";
	break;
	case 12:
	bg = "bg_office_chairs.jpg";
	title = "office_chairs.jpg";
	lnkref = "http://www.sagers.ca/_office/chairs.php";
	break;
	case 13:
	bg = "bg_accents_hometheatre.jpg";
	title = "accents_hometheatre.jpg";
	lnkref = "http://www.sagers.ca/_accents/hometheatre.php";	
	break;
	case 14:
	bg = "bg_accents_tables.jpg";
	title = "accents_tables.jpg";
	lnkref = "http://www.sagers.ca/_accents/tables.php";	
	break;
	case 15:
	bg = "bg_accents_rugs.jpg";
	title = "accents_rugs.jpg";
	lnkref = "http://www.sagers.ca/_accents/rugs.php";	
	break;
	case 16:
	bg = "bg_accents_art.jpg";
	title = "accents_art.jpg";
	lnkref = "http://www.sagers.ca/_accents/art.php";	
	break;
	case 17:
	bg = "bg_accents_lighting.jpg";
	title = "accents_lighting.jpg";
	lnkref = "http://www.sagers.ca/_accents/lighting.php";	
	break;
	case 18:
	bg = "bg_accents_accessories.jpg";
	title = "accents_accessories.jpg";
	lnkref = "http://www.sagers.ca/_accents/accessories.php";	
	break;
	case 21:
	bg = "bg_dining.jpg";
	title = "dining.jpg";
	lnkref = "http://www.sagers.ca/_dining/index.php";
	break;
	case 20:
	bg = "bg_living.jpg";
	title = "living.jpg";
	lnkref = "http://www.sagers.ca/_living/index.php";
	break;
	case 22:
	bg = "bg_bedroom.jpg";
	title = "bedroom.jpg";
	lnkref = "http://www.sagers.ca/_bedroom/index.php";
	break;
	case 24:
	bg = "bg_accents.jpg";
	title = "accents.jpg";
	lnkref = "http://www.sagers.ca/_accents/index.php";
	break;
	case 25:
	bg = "bg_visitus.jpg";
	title = "visitus.jpg";
	lnkref = "http://www.sagers.ca/_visit_us/index.php";
	break;
	case 26:
	bg = "bg_search.jpg";
	title = "search.jpg";
	lnkref = "http://www.sagers.ca/_search/index.php";
	break;
	case 23:
	bg = "bg_office.jpg";
	title = "office.jpg";
	lnkref = "http://www.sagers.ca/_office/index.php";	
	break;
	}
document.getElementById("hotlink").innerHTML = "<img src='../_graphx/"+bg+"' border='0' width='800' height='326'/>"; 
document.getElementById("hotlink").href=lnkref;
document.getElementById("hotlinktitle").innerHTML = "<img src='../_graphx/titles/"+title+"' border='0' width='800' height='50'/>"; 
document.getElementById("hotlinktitle").href=lnkref;

} 


function nobg(){
	document.getElementById('content_window').style.backgroundImage = "none";
}

function showparameters(){
	document.getElementById('search_parameters').style.visibility = 'visible';
	document.getElementById('searchtext').style.color = '#000000';
	document.getElementById('searchtext').value = '';
}

function searchdb(formid){

var searchtext = document[formid].searchtext.value;	
var style = document[formid].style.value;
var type = document[formid].type.value;

if(document[formid].leather.checked){
var leather =  1;
}else{
var leather = 0;
}
if(document[formid].steel.checked){
var steel =  1;
}else{
var steel = 0;
}
if(document[formid].fabric.checked){
var fabric=  1;
}else{
var fabric = 0;
}
if(document[formid].stone.checked){
var stone =  1;
}else{
var stone = 0;
}
if(document[formid].wood.checked){
var wood =  1;
}else{
var wood = 0;
}
if(document[formid].glass.checked){
var glass =  1;
}else{
var glass = 0;
}

if(document[formid].field_4.checked){
var field_4 =  1;
}else{
var field_4 = 0;
}
if(document[formid].field_5.checked){
var field_5 =  1;
}else{
var field_5 = 0;
}
if(document[formid].field_6.checked){
var field_6 =  1;
}else{
var field_6 = 0;
}
if(document[formid].field_7.checked){
var field_7 =  1;
}else{
var field_7 = 0;
}
if(document[formid].field_8.checked){
var field_8 =  1;
}else{
var field_8 = 0;
}
if(document[formid].field_9.checked){
var field_9 =  1;
}else{
var field_9 = 0;
}
if(document[formid].field_10.checked){
var field_10 =  1;
}else{
var field_10 = 0;
}
if(document[formid].field_11.checked){
var field_11 =  1;
}else{
var field_11 = 0;
}
if(document[formid].field_12.checked){
var field_12 =  1;
}else{
var field_12 = 0;
}

var url="search.php?searchtext="+searchtext+"&style="+style+"&type="+type+"&leather="+leather+"&steel="+steel+"&fabric="+fabric+"&stone="+stone+"&wood="+wood+"&glass="+glass+"&field_4="+field_4+"&field_5="+field_5+"&field_6="+field_6+"&field_7="+field_7+"&field_8="+field_8+"&field_9="+field_9+"&field_10="+field_10+"&field_11="+field_11+"&field_12="+field_12;

location.href=url;


}

function showtip(tipid,count){
	var imgid = "img"+tipid;
	document.getElementById(imgid).onmouseover = null;
	var i=1;
	var tip = "";
	while (i<=count){
	tip = "tip"+i;
	if(i == tipid){
	document.getElementById(tip).style.visibility = 'visible';
	}else{
	document.getElementById(tip).style.visibility = 'hidden';
	}
	 i++;
  }
}

function opacity(id, opacStart, opacEnd, millisec) {
	//speed for each frame
	var speed = Math.round(millisec / 100);
	var timer = 0;

	//determine the direction for the blending, if start and end are the same nothing happens
	if(opacStart > opacEnd) {
		for(i = opacStart; i >= opacEnd; i--) {
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	} else if(opacStart < opacEnd) {
		for(i = opacStart; i <= opacEnd; i++)
			{
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	}
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
	var object = document.getElementById(id).style; 
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
}

function shiftOpacity(id, millisec) {
	//if an element is invisible, make it visible, else make it ivisible
	if(document.getElementById(id).style.opacity == 0) {
		opacity(id, 0, 100, millisec);
	} else {
		opacity(id, 100, 0, millisec);
	}
}

function blendimage(divid, imageid, imagefile, millisec) {
	var speed = Math.round(millisec / 100);
	var timer = 0;
	
	//set the current image as background
	document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
	
	//make image transparent
	changeOpac(0, imageid);
	
	//make new image
	document.getElementById(imageid).src = imagefile;

	//fade in image
	for(i = 0; i <= 100; i++) {
		setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
		timer++;
	}
}

function currentOpac(id, opacEnd, millisec) {
	//standard opacity is 100
	var currentOpac = 100;
	
	//if the element has an opacity set, get it
	if(document.getElementById(id).style.opacity < 100) {
		currentOpac = document.getElementById(id).style.opacity * 100;
	}

	//call for the function that changes the opacity
	opacity(id, currentOpac, opacEnd, millisec)
}