var textNormalColor = "#FFFFFF";
var textOverColor = "#000000";
var bgOver = "#faf5f6";
var bgNormal = "";

/*function showDropDown(theDiv, linkID, subID) {
    var n='sub-shop';//subID
    var ni='shoplink';//theDiv
    var linkr="prodcutsl";//linkID
	alert(theDiv+", "+linkID+", "+subID);
    document.getElementById(subID).style.display="block";
    document.getElementById(theDIV).style.backgroundColor=bgOver;
    document.getElementById(linkID).style.color=textOverColor;
    var overSub = false;
    document.getElementById(theDiv).onmouseout = function (){
	alert("test");
        document.getElementById(linkID).style.color=textNormalColor;
        document.getElementById(subID).style.display="none";
        document.getElementById(linkDivID).style.backgroundColor=bgNormal;
        overSub=true;
    }
}*/



function showProducts() {
    var n='sub-shop';
    var ni='shopdiv';
    var linkr="shoplink";
    document.getElementById(n).style.display="block";
    document.getElementById(ni).style.backgroundColor=bgOver;
    document.getElementById(linkr).style.color=textOverColor;
    var overSub = false;
    document.getElementById(ni).onmouseout = function (){
        document.getElementById(linkr).style.color=textNormalColor;
        document.getElementById(n).style.display="none";
        document.getElementById(ni).style.backgroundColor=bgNormal;
        overSub=true;
    }
}

function showSpecial() {
    var n='sub-special';
    var ni='speciallink';
    var linkr="speciall";
    document.getElementById(n).style.display="block";
    document.getElementById(ni).style.backgroundColor=bgOver;
    document.getElementById(linkr).style.color=textOverColor;
    var overSub = false;
    document.getElementById(ni).onmouseout = function (){
        document.getElementById(linkr).style.color=textNormalColor;
        document.getElementById(n).style.display="none";
        document.getElementById(ni).style.backgroundColor=bgNormal;
        overSub=true;
    }
}