/********
 
 Fernan javascript for the sd_new_main.html

*/

var imgDir = 'themes/sonyadakar/images/bg/'; 
var DD_prodImgLink = 'http://www.sonyadakar.com/index.php?l=product_detail&p=';

function dropDownMenu(id, DD_layer)
{
    document.getElementById(id).src = imgDir + id + '_red.gif';
    setVisible(id, DD_layer, 'visible');
}


function dropDownMenuOut(id, DD_layer)
{
    document.getElementById(id).src = imgDir + id + '.gif';
    document.getElementById(DD_layer).style.display = 'block';
}

function placeIt(id, DD_layer)
{
	padding = 0;  // used to be 16 before the shift
    adjustment = 0;
    xFF_adj = 0;
    if (id == 'suncare') {
        adjustment = 204;  // tabwidth =264, suncare width =60, 264-60=204
    }

    if (id == 'body') {
        adjustment = 233;  // tabwidth =264, body width =31, 264-31=233
    }

    if (id == 'alacarte') {
        adjustment = 197;  // tabwidth =264, alacarte width =67, 264-67=197
    }
    y = 176;
    DD_obj = document.getElementById(DD_layer);
    documentElement = document.getElementById(id); 

    x = getXYpos(id);
    if (!document.all){
        padding = 0;
    }

	DD_obj.style.left = x + padding - adjustment + xFF_adj + 'px'; //theLeft;  
	//obj.style.top = theTop;
    document.getElementById('feature_prodImg').src = imgDir + id + '_dd.gif';
    //update product link
    if (id=='newproducts') {
        document.getElementById('DD_prodLink').href =  DD_prodImgLink + '16597';
    }
    else if (id=='antiaging') {
        document.getElementById('DD_prodLink').href =  DD_prodImgLink + '16313';
    }
    else if (id=='acne') {
        document.getElementById('DD_prodLink').href =  DD_prodImgLink + '16609';
    }
    else if (id=='scarring') {
        document.getElementById('DD_prodLink').href =  DD_prodImgLink + '16310';
    }
    else if (id=='discoloration') {
        document.getElementById('DD_prodLink').href =  DD_prodImgLink + '16244';
    }
    else if (id=='irritation') {
        document.getElementById('DD_prodLink').href =  DD_prodImgLink + '16250';
    }
    else if (id=='maintenance') {
        document.getElementById('DD_prodLink').href =  DD_prodImgLink + '16252';
    }
    else if (id=='suncare') {
        document.getElementById('DD_prodLink').href =  DD_prodImgLink + '16278';
    }
    else if (id=='body') {
        document.getElementById('DD_prodLink').href =  DD_prodImgLink + '16283';
    }
    else if (id=='alacarte') {
        document.getElementById('DD_prodLink').href =  DD_prodImgLink + '16268';
    }

    menu = id + '_menu';                         // Display menu
    obj_menu = document.getElementById(menu); 
 

    // Hide all siblings
    tempObj  = document.getElementById(menu);
    tempObj.style.display = 'none';
    if (document.all) {     // MSIE
        while (tempObj.nextSibling != null) {
            tempObj = tempObj.nextSibling;
            if (tempObj) { tempObj.style.display = 'none'; }
        }

        tempObj  = document.getElementById(menu);
        while (tempObj.previousSibling != null) {
            tempObj = tempObj.previousSibling;
            tempObj.style.display = 'none';
        }
    }
    else   // Not MSIE
    { 
        while ( tempObj.nodeType == 3 && tempObj.nextSibling != null) {
            tempObj = tempObj.nextSibling;
            tempObj.style.display = 'none';
        }

        tempObj  = document.getElementById(menu);
        while ( tempObj.nodeType == 3 && tempObj.previousSibling != null) {
            tempObj = tempObj.previousSibling;
           tempObj.style.display = 'none'; 
        }
        tempObj  = document.getElementById('newproducts_menu');
        tempObj.style.display = 'none';

        tempObj  = document.getElementById('antiaging_menu');
        tempObj.style.display = 'none';
        tempObj  = document.getElementById('acne_menu');
        tempObj.style.display = 'none';
        tempObj  = document.getElementById('scarring_menu');
        tempObj.style.display = 'none';
        tempObj  = document.getElementById('discoloration_menu');
        tempObj.style.display = 'none';
        tempObj  = document.getElementById('irritation_menu');
        tempObj.style.display = 'none';
        tempObj  = document.getElementById('maintenance_menu');
        tempObj.style.display = 'none';
        tempObj  = document.getElementById('suncare_menu');
        tempObj.style.display = 'none';
        tempObj  = document.getElementById('body_menu');
        tempObj.style.display = 'none';
        tempObj  = document.getElementById('alacarte_menu');
        tempObj.style.display = 'none';
        tempObj  = document.getElementById('newproducts_menu');
    }
    obj_menu.style.display = 'block'; 
}

function setVisible(id, DD_layer, visibility)
{
    placeIt(id, DD_layer);

    obj = document.getElementById(DD_layer);
    obj.style.visibility = visibility; //(obj.style.visibility == 'visible') ? 'hidden' : 'visible';
    obj.style.display = 'block'; 
}

function setInvisible(id, DD_layer)   // Make the Drop Down invisible as well as the category menus
{
    obj = document.getElementById(DD_layer);
    obj.style.display = 'none'; 
}

function setNavRed(id)
{
    document.getElementById(id).src = imgDir + id + '_red.gif';
}

function setNavBlack(id)
{
    document.getElementById(id).src = imgDir + id + '.gif';
}


function getXYpos(elem) {
   var curleft = 0;
  
  obj = document.getElementById(elem);
  if(obj.offsetParent) {
    while(1) {
      curleft += obj.offsetLeft;
      if(!obj.offsetParent)
        break;
      obj = obj.offsetParent;
    }
  } else if(obj.x) {
    curleft += obj.x;
  }
  //obj.style.position = "static";
return curleft;
}

function getXYPosFF(id)
{
    xFF = window.pageX + document.body.scrollLeft;
    return xFF;
}


function skin_condition_mm()
{
    document.getElementById('skin_condition_link').style.color='red';
    document.getElementById('skin_products_link').style.color='black';
    document.getElementById('top_nav').style.display='block';
    document.getElementById('top2_nav').style.display='none';
}

function skin_products_mm()
{
    document.getElementById('skin_products_link').style.color='red';
    document.getElementById('skin_condition_link').style.color='black';
    document.getElementById('top2_nav').style.display='block';
    document.getElementById('top_nav').style.display='none';
}

function redMenu(id)
{
    document.getElementById(id).src = imgDir + id + '_red.gif';
}

function blackMenu(id)
{
    document.getElementById(id).src = imgDir + id + '.gif';
}


function changeMainPhoto(src)
{
    document.getElementById('mainphoto').src = src;
}