// POP UP PIC
function PopupPic(sPicURL) {
window.open( "gallery_pop.html?"+sPicURL, "popup", 
"resizable=1,HEIGHT=550,WIDTH=580,scrollbars=1");
}

// POP UP PIC 2
function PopupPic2(sPicURL) {
window.open( "gallery_pop2.html?"+sPicURL, "popup", 
"resizable=1,HEIGHT=550,WIDTH=580,scrollbars=1");
}

// POP UP WINDOW , USAGE --> <a href="javascript:newWindow('pages/MYPAGE.php','adidas','500','500','auto')" >
function newWindow(mypage, myname, w, h, scroll) {
var winl = (screen.width - w) / 2;
var wint = (screen.height - h) / 2;
winprops = 'height='+h+',width='+w+',top='+wint+',left='+winl+',scrollbars='+scroll+',noresize';
win = window.open(mypage, myname, winprops)
if (parseInt(navigator.appVersion) >= 4) { win.window.focus(); }
}

function showLayer(layerID)
{
	ShowLayer(layerID);
}

function hideLayer(layerID)
{
	HideLayer(layerID);
}


/*
ShowLayer -	Makes a hidden and/or non-displayed element visible and sets display to 'block'
*/
function ShowLayer(layerID)
{

  var style_sheet = getStyleObject(layerID);
  
  if (style_sheet)
  {
    //hideAll();
    changeObjectVisibility(layerID, "visible");
    changeObjectDisplay(layerID, "block");
  }
  else 
  {
    status = "Layer not found: " + layerID;
  }
 
}

/*
HideLayer -	Makes a visible and/or displayed element hidden and sets display to 'none'
*/
function HideLayer(layerID)
{
  var style_sheet = getStyleObject(layerID);
  if (style_sheet)
  {
    //hideAll();
    changeObjectVisibility(layerID, "hidden");
    changeObjectDisplay(layerID, "none");
  }
  else 
  {
    status = "Layer not found: " + layerID;
  }
}

/*
getStyleObject - Get the style object for a given element, required for cross-browser compatability
*/
function getStyleObject(objectId) {
  // checkW3C DOM, then MSIE 4, then NN 4.
  //
 
  if(document.getElementById && document.getElementById(objectId)) {
	return document.getElementById(objectId).style;
   }
   else if (document.all && document.all(objectId)) {  
	return document.all(objectId).style;
   } 
   else if (document.layers && document.layers[objectId]) { 
	return document.layers[objectId];
   } else {
	return false;
   }
}

/*
getObject - Get the object for a given element, required for cross-browser compatability
*/

function getObject(objectId) {
  // checkW3C DOM, then MSIE 4, then NN 4.
  //
 
  if(document.getElementById && document.getElementById(objectId)) {
	return document.getElementById(objectId);
   }
   else if (document.all && document.all(objectId)) {  
	return document.all(objectId);
   } 
   else if (document.layers && document.layers[objectId]) { 
	return document.layers[objectId];
   } else {
	return false;
   }
}

function toggleObjectClass(id,class1,class2)
{
	var oElem = getObject(id);

	if(oElem.className == class1)
	{
		oElem.className = class2
	}
	else
	{
		oElem.className = class1
	}
}

function getPageObject(objectId)

{

 // checkW3C DOM, then MSIE 4, then NN 4.
  //
 
  if(document.getElementById && document.getElementById(objectId)) {
	return document.getElementById(objectId);
   }
   else if (document.all && document.all(objectId)) {  
	return document.all(objectId);
   } 
   else if (document.layers && document.layers[objectId]) { 
	return document.layers[objectId];
   } else {
	return false;
   }

}


function changeObjectVisibility(objectId, newVisibility) {
    // first get the object's stylesheet
    var styleObject = getStyleObject(objectId);

    // then if we find a stylesheet, set its visibility
    // as requested
    //
    if (styleObject) {
		styleObject.visibility = newVisibility;
		return true;
    } else {
		return false;
    }

}

function changeObjectDisplay(objectId, newDisplay) {
    // first get the object's stylesheet
    var styleObject = getStyleObject(objectId);

    if (styleObject) {
	styleObject.display = newDisplay;
	return true;
    } else {
	return false;
    }

}