//Javascript document
var active = 'HOME';
function makeMenuGrey(id)
{
    if (id != active)
    {
        document.getElementById('menu'+id+'_grey').style.display = 'block';
        document.getElementById('menu'+id+'_green').style.display = 'none';
    }
}
function makeMenuGreen(id)
{
    document.getElementById('menu'+id+'_green').style.display = 'block';
    document.getElementById('menu'+id+'_grey').style.display = 'none';
}

function makeActive(id)
{


    active = id;
    
    if (id != 'ADMIN' && id != 'TESTING')
    {
        document.getElementById('menuHOME_green').style.display = 'none';
        document.getElementById('menuGUIDES_green').style.display = 'none';
        document.getElementById('menuLOOKS_green').style.display = 'none';
        document.getElementById('menuQUESTIONS_green').style.display = 'none';
        document.getElementById('menuSTYLISTS_green').style.display = 'none';
        document.getElementById('menuBLOG_green').style.display = 'none';
        document.getElementById('menuCONTACT_green').style.display = 'none';
        
        document.getElementById('menuHOME_grey').style.display = 'block';
        document.getElementById('menuGUIDES_grey').style.display = 'block';
        document.getElementById('menuLOOKS_grey').style.display = 'block';
        document.getElementById('menuQUESTIONS_grey').style.display = 'block';
 	document.getElementById('menuSTYLISTS_grey').style.display = 'block';
        document.getElementById('menuBLOG_grey').style.display = 'block';
        document.getElementById('menuCONTACT_grey').style.display = 'block';
        
        document.getElementById('menu'+id+'_green').style.display = 'block';
        document.getElementById('menu'+id+'_grey').style.display = 'none';
	
    }
    
    if (id == 'HOME')
    {
    
        document.getElementById('middlePanel').style.paddingLeft = '10px';
        document.getElementById('middlePanel').style.borderLeft = '1px solid #547212';
        document.getElementById('middlePanel').style.marginLeft = '140px';
        document.getElementById('leftPanel').style.display = 'block';
        document.getElementById('guideTips').style.display = 'block';
        document.getElementById('ad').style.display = 'block';
        document.getElementById('joinNewsLetter').style.display = 'block';
    }

    if (id == 'GUIDES')
    {
        document.getElementById('middlePanel').style.paddingLeft = '10px';
        document.getElementById('middlePanel').style.borderLeft = '1px solid #547212';
        document.getElementById('middlePanel').style.marginLeft = '140px';
        document.getElementById('leftPanel').style.display = 'block';
        document.getElementById('guideTips').style.display = 'block';
        document.getElementById('ad').style.display = 'block';
        document.getElementById('joinNewsLetter').style.display = 'block';
    }
    
    if (id == 'LOOKS')
    {
        document.getElementById('middlePanel').style.paddingLeft = '10px';
        document.getElementById('middlePanel').style.borderLeft = '1px solid #547212';
        document.getElementById('middlePanel').style.marginLeft = '140px';
        document.getElementById('leftPanel').style.display = 'block';
        document.getElementById('guideTips').style.display = 'block';
        document.getElementById('ad').style.display = 'block';
        document.getElementById('joinNewsLetter').style.display = 'block';
    }
       
    

       
       
       
    if (id == 'STYLISTS')
    {
        document.getElementById('middlePanel').style.paddingLeft = '0px';
        document.getElementById('middlePanel').style.borderLeft = 'none';
        document.getElementById('middlePanel').style.marginLeft = '0px';
        document.getElementById('middlePanel').style.width = '619px';
        document.getElementById('leftPanel').style.display = 'none';
        document.getElementById('guideTips').style.display = 'block';
        document.getElementById('ad').style.display = 'block';
    }
    if (id == 'BOUTIQUE')
    {
        document.getElementById('middlePanel').style.paddingLeft = '0px';
        document.getElementById('middlePanel').style.borderLeft = 'none';
        document.getElementById('middlePanel').style.marginLeft = '0px';
        document.getElementById('middlePanel').style.width = '619px';
        document.getElementById('leftPanel').style.display = 'none';
        document.getElementById('guideTips').style.display = 'block';
        document.getElementById('ad').style.display = 'block';
    }
    
    if (id == 'QUESTIONS')
    {
        document.getElementById('middlePanel').style.paddingLeft = '10px';
        document.getElementById('middlePanel').style.borderLeft = '1px solid #547212';
        document.getElementById('middlePanel').style.marginLeft = '140px';
        document.getElementById('leftPanel').style.display = 'block';
        document.getElementById('guideTips').style.display = 'block';
        document.getElementById('ad').style.display = 'block';
        document.getElementById('joinNewsLetter').style.display = 'block';
    }
    
 
    if (id == 'BLOG')
    {
    
        document.getElementById('middlePanel').style.paddingLeft = '10px';
        document.getElementById('middlePanel').style.borderLeft = '1px solid #547212';
        document.getElementById('middlePanel').style.marginLeft = '140px';
        document.getElementById('leftPanel').style.display = 'block';
        document.getElementById('guideTips').style.display = 'block';
        document.getElementById('ad').style.display = 'block';
        document.getElementById('joinNewsLetter').style.display = 'block';
    }


    if (id == 'CONTACT')
    {
        document.getElementById('middlePanel').style.paddingLeft = '10px';
        document.getElementById('middlePanel').style.borderLeft = '1px solid #547212';
        document.getElementById('middlePanel').style.marginLeft = '140px';
        document.getElementById('leftPanel').style.display = 'block';
        document.getElementById('guideTips').style.display = 'block';
        document.getElementById('ad').style.display = 'block';
        document.getElementById('joinNewsLetter').style.display = 'block';
    }
    if (id == 'ADMIN')
    {
        document.getElementById('middlePanel').style.paddingLeft = '0px';
        document.getElementById('middlePanel').style.paddingRight = '0px';
        document.getElementById('middlePanel').style.paddingTop = '10px';
        document.getElementById('middlePanel').style.borderLeft = 'none';
        document.getElementById('middlePanel').style.borderRight = 'none';
        document.getElementById('middlePanel').style.marginLeft = '0px';
        document.getElementById('middlePanel').style.marginRight = '0px';
        document.getElementById('middlePanel').style.width = '800px';        
        document.getElementById('leftPanel').style.display = 'none';
        document.getElementById('rightPanel').style.display = 'none';
    }
    checkContentHeight(id);
}

function checkContentHeight(page)
{


// Don't re-size Admin pages
// Don't resize the Blog pages in Mozilla, only IE. Mozilla bug with re-sizing
// Resize all other pages in all browsers

if ((page != 'ADMIN') && !(page == 'BLOG'  && (navigator.appName.indexOf("Microsoft")==-1))) {

	midP = document.getElementById('middlePanel').offsetHeight
	lP = document.getElementById('leftPanel').offsetHeight;
	rP = document.getElementById('rightPanel').offsetHeight;
        

    if (navigator.appName.indexOf("Microsoft")!=-1)
    { /* IE */

        winW = document.documentElement.clientWidth;
        winH = document.documentElement.clientHeight;

    }
    else
    { /* FireFox */
    
        winW = window.innerWidth;
        winH = window.innerHeight;
    }
    
   
    
       
	if (page == 'TESTING') document.writeln('<div style="color:#ffffff;">BEFORE: Window:'+winH+'px  Middle:'+midP+'px  Left:'+lP+'px  Right:'+rP+'px</div>');

        

	// These pages have no left panels. Only compare to right panel
        if (page == 'STYLISTS' || page == 'BOUTIQUE')
        {
            if (midP > rP)
            {
            	midP = midP + 300;
		var newHeight = midP+'px';
            } else {
		
		rP = rP + 200;
		var newHeight = rP + 'px';
            }
            
            
        } else {

        
		if (midP < lP || midP < rP)
		{
		    if (lP < rP)
		    {
			if (rP < (winH - 250))
			    height = (winH - 250);
			else
			    height = rP;
		    }
		    if (rP < lP)
		    {
			if (lP < (winH - 250))
			    height = (winH - 250);
			else
			    height = lP;
		    }
		    if (rP == lP)
		    {
			if (lP < (winH - 250))
			    height = (winH - 250);
			else
			    height = lP;                
		    }
		    var newHeight = height + 'px';
		} else
		{
		    var newHeight = midP+'px';
		}

	}
            
	document.getElementById('simcontent').style.height = newHeight;
	document.getElementById('middlePanel').style.height = newHeight;
		
       
    if (page == 'TESTING') document.writeln('<div style="color:#ffffff;">AFTER: Window:'+newHeight+'</div>');
}


}

function changeMetaTags(title, keywords, descrip)
{
    //Change Title
    document.title = title;

    //alert(title);
    
    //Change META keywords
    if (keywords != "")
    {
        var meta = document.createElement('meta');
        meta.name = 'keywords';
        meta.content = keywords;
        document.getElementsByTagName('head')[0].replaceChild(meta, document.getElementById('META_descrip'));
    }
    
    //Change META description
    if (descrip != "")
    {
        var meta = document.createElement('meta');
        meta.name = 'description';
        meta.content = descrip;
        document.getElementsByTagName('head')[0].replaceChild(meta, document.getElementById('META_keywords'));
    }
}

function popup_window(url,w,h)
{
    if (navigator.appName.indexOf("Microsoft")!=-1)
    { /* IE */
		    winW = document.documentElement.clientWidth;
		    winH = document.documentElement.clientHeight;
		} else
		{ /* FireFox */
        winW = window.innerWidth;
        winH = window.innerHeight;
		}
    
		var width=w;
		var height=h;
		var from_top=(winH / 2) - (height / 2);
		var from_left=(winW / 2) - (width / 2);
		var toolbar='no';
		var location='no';
		var directories='no';
		var status='no';
		var menubar='no';
		var scrollbars='no';
		var resizable='no';
		
		var atts='width='+(width+20)+'show,height='+(height+20)+',top='+from_top+',screenY=';
		atts+= from_top+',left='+from_left+',screenX='+from_left+',toolbar='+toolbar;
		atts+=',location='+location+',directories='+directories+',status='+status;
		atts+=',menubar='+menubar+',scrollbars='+scrollbars+',resizable='+resizable;
		window.open(url,'Full size image',atts);
}