/*************************************************************
    menu config here
**************************************************************/
var menus = [
		  new ypSlideOutMenu("menu3", "up", 59, 0, 950, 34),
		  new ypSlideOutMenu("menu4", "up", 30, 0, 500, 34),
		  new ypSlideOutMenu("menu5", "up", 518, 0, 250, 34),
		  new ypSlideOutMenu("menu6", "up", 569, 0, 200, 34)
	   ]
	
        ypSlideOutMenu.writeCSS();
        
 /*************************************************************
    menu config ends here
***************************************************************/
salonpageElementsWritecss('menu1', 390, 445);
salonpageElementsWritecss('menu2', 390, 459);
salonpageElementsWritecss('menu7', 390, 369);
salonpageElementsWritecss('menu8', 390, 432);

salonpageElementsWritecss('bodytext01', 240, 10);

var didtimeout = null;
var currentRollItem = null;
var currentMenuItem = null;
var currentRollover = "";
var currentRollMenu = "";

function test (holder) {
    tester= document.getElementById(holder).offsetTop;
    alert ('tester is ' + tester);
}

function salonpageElementsWritecss(elementID, top, left) {
    var holder = '#' + elementID + '{ visibility: hidden; position:absolute; top:';
    holder += top + 'px; left:' + left + 'px}';
    document.write('<style type="text/css">');
    document.write(holder);
    document.write('</style>');

}

function placeElementMain(nameElement, nameAnchor, elemHolder, top2offset, left2offset) {
    
    if (currentRollover != elemHolder) {
    
        if (currentRollItem != null) {
            goAwayMain(currentRollItem);
        }
        
        currentRollItem = nameElement;
        currentRollover = elemHolder;
        
        var anchelement = document.getElementById(nameAnchor);
    
        var anchorValueTop = anchelement.offsetTop;
        var anchorValueLeft = anchelement.offsetLeft;
        var top = anchorValueTop + top2offset;
        var left = anchorValueLeft + left2offset;
        nameElement.style.left=left;
        nameElement.style.top=top;
        nameElement.style.visibility = "visible";
        
       
        
    } else {
       return;
    }
}


function placeElementAnchor(nameElement, nameAnchor, elemHolder, top2offset, left2offset) {
    
    if (currentRollMenu != elemHolder) {
        
        if (currentMenuItem != null) {
            goAway(currentMenuItem);
        }
        
        currentMenuItem = nameElement;
        currentRollMenu = elemHolder;
        
        var anchelement = document.getElementById(nameAnchor);
        var anchorValueTop = anchelement.offsetTop;
        var anchorValueLeft = anchelement.offsetLeft;
        var top = anchorValueTop + top2offset;
        var left = anchorValueLeft + left2offset;
        nameElement.style.left=left;
        nameElement.style.top=top;
        nameElement.style.visibility = "visible";
        
    } else {
        return;  
    }

}


 function onRollOver(imgName, imgNewName) {
    var holder="images/";
    holder+= imgNewName + "_rollover.gif";
    
    document[imgName].src = holder;
    
}
    
function onRollOut(imgName, imgNewName) {
    var holder="images/";
    holder+= imgNewName + ".gif";
    
    document[imgName].src = holder;
    
}
        

function makeVisible(holder) {
   holder.style.visibility = "visible";
}

function makeMaininVisible(holder, timealloted) {
    if (didtimeout){
        clearTimeout (didtimeout);
    } 
    
    tester=holder;
    didtimeout=setTimeout("goAwayMain(tester);", timealloted);
}

function makinVisible(holder, timealloted) {
    if (didtimeout){
        clearTimeout (didtimeout);
    } 
    
    tester=holder;
    didtimeout=setTimeout("goAway(tester);", timealloted);
}

function goAwayMain(holder) { 
    holder.style.visibility = "hidden"; 
    currentRollover = "";
    currentRollItem = null;
    clearTimeout (didtimeout);
    
}

function goAway(holder) { 
    
    
    holder.style.visibility = "hidden"; 
    
    currentMenuItem = null;
    currentRollMenu = "";
    clearTimeout (didtimeout);
    
}

function generalWinPop (url, name, Winwidth, Winheight) { 
    var holder = 'toolbar=no, location=no, scrollbars=yes, directories=no,status=no, menubar=no, resizable=no, width=';
    holder += Winwidth + ', height=' + Winheight + ', top=100, left=100';
    window.open (url, name, holder);
}