var z = 11;

function IncreaseZ(id) {

document.getElementById(id).style.zIndex = z++;

}

function ChangeBG(id) {

if (id == 'tab1') {
document.getElementById(id).style.backgroundImage = "url(images/gift_finder_tab1_hover.gif)";
document.getElementById('tab2').style.backgroundImage = "url(images/gift_finder_tab2.gif)";
document.getElementById('tab3').style.backgroundImage = "url(images/gift_finder_tab3.gif)";

document.getElementById(id).style.color = "black";
document.getElementById('tab2').style.color = "white";
document.getElementById('tab3').style.color = "white";
}
if (id == 'tab2') {
document.getElementById(id).style.backgroundImage = "url(images/gift_finder_tab2_hover.gif)";
document.getElementById('tab1').style.backgroundImage = "url(images/gift_finder_tab1.gif)";
document.getElementById('tab3').style.backgroundImage = "url(images/gift_finder_tab3.gif)";

document.getElementById(id).style.color = "black";
document.getElementById('tab1').style.color = "white";
document.getElementById('tab3').style.color = "white";
}
if (id == 'tab3') {
document.getElementById(id).style.backgroundImage = "url(images/gift_finder_tab3_hover.gif)";
document.getElementById('tab1').style.backgroundImage = "url(images/gift_finder_tab1.gif)";
document.getElementById('tab2').style.backgroundImage = "url(images/gift_finder_tab2.gif)";

document.getElementById(id).style.color = "black";
document.getElementById('tab1').style.color = "white";
document.getElementById('tab2').style.color = "white";
}


}