function ShowHideMenu(mname, flag) {
    if (flag == 1) {
    document.getElementById(mname).style.visibility = '';
    }
    else {
    document.getElementById(mname).style.visibility ='hidden';

    }
    }


function NextImage(pid, PicMain, Pic1, Pic2, Pic3, Pic4, Pic5) {
var imgdiv = document.getElementById("cpic_" + pid)
var startimg = imgdiv.innerHTML
var result;

if (startimg==PicMain){
result = Pic1
}

if (startimg==Pic1){
result = Pic2
}

if (startimg==Pic2){
result = Pic3
}

if (startimg==Pic3){
result = Pic4
}

if (startimg==Pic4){
result = Pic5
}

if (startimg==Pic5){
result = PicMain
}

imgdiv.innerHTML = result
MainPic.innerHTML="<img height='400' alt='' src='http://www.emoda.com/prodimages/" + result + "' width='320' class='imageBorder' onMouseOver=this.className='imageBorderDark' onMouseOut=this.className='imageBorder' >"

}


function PrevImage(pid, PicMain, Pic1, Pic2, Pic3, Pic4, Pic5) {
var imgdiv = document.getElementById("cpic_" + pid)
var startimg = imgdiv.innerHTML
var result;

if (startimg==PicMain){
result = Pic5
}

if (startimg==Pic5){
result = Pic4
}

if (startimg==Pic4){
result = Pic3
}

if (startimg==Pic3){
result = Pic2
}

if (startimg==Pic2){
result = Pic1
}

if (startimg==Pic1){
result = PicMain
}
imgdiv.innerHTML = result
MainPic.innerHTML="<img height='400' alt='' src='http://www.emoda.com/prodimages/" + result + "' width='320' class='imageBorder' onMouseOver=this.className='imageBorderDark' onMouseOut=this.className='imageBorder' >"

}


function HideImg(mypid){
var errdiv = document.getElementById("errimg_" + mypid)
errdiv.style.visibility = "hidden";



}


function ShowImg(mypid){
var errdiv = document.getElementById("errimg_" + mypid)
errdiv.style.visibility = "";


}


function SHowChartW(){
document.getElementById('MainPic2').style.visibility = "";
document.getElementById('sizechart').innerHTML='<img  src ="http://www.emoda.com/images/sizecharti.jpg"  useMap="#FPMap60" alt="Size Chart"><br><a href="javascript:closesizediv();"><img  src ="http://www.emoda.com/images/closesize.jpg"   alt="Close"></a>'


} 			

function SHowChartM(){
grayOut(true);
document.getElementById('MainPic2').style.visibility = "";
document.getElementById('sizechart').innerHTML='<img  src ="http://www.emoda.com/images/sizechart2.jpg"  useMap="#FPMap60" alt="Size Chart"><br><a href="javascript:closesizediv();"><img  src ="http://www.emoda.com/images/closesize.jpg"   alt="Close"></a>'

}

function SHowShoes(){
grayOut(true);
document.getElementById('MainPic2').style.visibility = "";
document.getElementById('sizechart').innerHTML='<img  src ="http://www.emoda.com/images/sizechartshoes.jpg"  useMap="#FPMap60" alt="Size Chart"><br><a href="javascript:closesizediv();"><img  src ="http://www.emoda.com/images/closesize.jpg"   alt="Close"></a>'


}

function SHowChartWMes(){
grayOut(true);
document.getElementById('MainPic2').style.visibility = "";
document.getElementById('sizechart').innerHTML='<img  src ="http://www.emoda.com/images/diagramwom.jpg"  useMap="#FPMap60" alt="Size Chart"><br><a href="javascript:closesizediv();"><img  src ="http://www.emoda.com/images/closesize.jpg"   alt="Close"></a>'

}

function SHowChartMMes(){
grayOut(true);
document.getElementById('MainPic2').style.visibility = "";
document.getElementById('sizechart').innerHTML='<img  src ="http://www.emoda.com/images/diagramm.jpg"  useMap="#FPMap60" alt="Size Chart"><br><a href="javascript:closesizediv();"><img  src ="http://www.emoda.com/images/closesize.jpg"   alt="Close"></a>'

}

function closesizediv() {
document.getElementById('MainPic2').style.visibility = "hidden";
grayOut(false);
}


function HideCat() {
document.getElementById("bycategory").style.visibility = "hidden";
}

function ShowCat() {
document.getElementById("bycategory").style.visibility = "";
}





function HideBrand() {
document.getElementById("bybrand").style.visibility = "hidden";
}

function ShowBrand() {
document.getElementById("bybrand").style.visibility = "";
}




function BrandsPopUP() {
			document.getElementById('AllBrands').style.visibility = "";
			}

function closebrands() {
			document.getElementById('AllBrands').style.visibility = "hidden";
			}







function fadeInOut(frame, start_frame, end_frame, delay, lis) {
	return (function() {
		lis = $('slide-images').getElementsByTagName('li');
		Effect.Fade(lis[frame]);
		if (frame == end_frame) { frame = start_frame; } else { frame++; }
		lisAppear = lis[frame];
		setTimeout("Effect.Appear(lisAppear);", 0);
		setTimeout(fadeInOut(frame, start_frame, end_frame, delay), delay + 2850);
	})
	
}


//Event.observe(window, 'load', init, false);


function grayOut(vis, options) {
  // Pass true to gray out screen, false to ungray
  // options are optional.  This is a JSON object with the following (optional) properties
  // opacity:0-100         // Lower number = less grayout higher = more of a blackout 
  // zindex: #             // HTML elements with a higher zindex appear on top of the gray out
  // bgcolor: (#xxxxxx)    // Standard RGB Hex color code
  // grayOut(true, {'zindex':'50', 'bgcolor':'#0000FF', 'opacity':'70'});
  // Because options is JSON opacity/zindex/bgcolor are all optional and can appear
  // in any order.  Pass only the properties you need to set.
  var options = options || {}; 
  var zindex = options.zindex || 1000;
  var opacity = options.opacity || 70;
  var opaque = (opacity / 100);
  var bgcolor = options.bgcolor || '#818284';
  var dark=document.getElementById('darkenScreenObject');
  if (!dark) {
    // The dark layer doesn't exist, it's never been created.  So we'll
    // create it here and apply some basic styles.
    // If you are getting errors in IE see: http://support.microsoft.com/default.aspx/kb/927917
    var tbody = document.getElementsByTagName("body")[0];
    var tnode = document.createElement('div');           // Create the layer.
        tnode.style.position='absolute';                 // Position absolutely
        tnode.style.top='0px';                           // In the top
        tnode.style.left='0px';                          // Left corner of the page
        tnode.style.overflow='hidden';                   // Try to avoid making scroll bars            
        tnode.style.display='none';                      // Start out Hidden
        tnode.id='darkenScreenObject';                   // Name it so we can find it later
    tbody.appendChild(tnode);                            // Add it to the web page
    dark=document.getElementById('darkenScreenObject');  // Get the object.
  }
  if (vis) {
    // Calculate the page width and height 
    if( document.body && ( document.body.scrollWidth || document.body.scrollHeight ) ) {
        var pageWidth = document.body.scrollWidth+'px';
        //var pageHeight = document.body.scrollHeight+'px';
         var pageHeight = '1300px';


    } else if( document.body.offsetWidth ) {
      var pageWidth = document.body.offsetWidth+'px';
      var pageHeight = document.body.offsetHeight+'px';
    } else {
       var pageWidth='100%';
       var pageHeight='100%';
    }   
    //set the shader to cover the entire page and make it visible.
    dark.style.opacity=opaque;                      
    dark.style.MozOpacity=opaque;                   
    dark.style.filter='alpha(opacity='+opacity+')'; 
    dark.style.zIndex=zindex;        
    dark.style.backgroundColor=bgcolor;  
    dark.style.width= pageWidth;
    dark.style.height= pageHeight;
    dark.style.display='block';				 
  } else {
     dark.style.display='none';
  }
}


function ShowPopUP(flag) {
if (flag == 1 ) {
 document.getElementById('EmailSignin').style.visibility = '';
 } else {
 document.getElementById('EmailSignin').style.visibility = 'hidden';

 }
}


function SubscribeEmail() {
//if ( getCookie("MSS_READ") != "true" ) {

grayOut(true);
ShowPopUP(1);
//setCookie("MSS_READ", true);

//}

}










function EmailMyFriend() 
{ 
if (xmlHttp.readyState==4)
{ 
var Resp = xmlHttp.responseText;


if (Resp=="1") {
document.getElementById("eMss").innerHTML = Resp;

}
else {
var toE = document.getElementById("toE").value;
document.getElementById("emailbody").innerHTML = "Your message to  " + toE + " is on its way! ";

}


}
}


function InstrThing(str,substr,start){
var oStr = new String(str);
return oStr.indexOf(substr,start);
}








function GetXmlHttpObject()
{
var xmlHttp=null;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
  }
return xmlHttp;
}


function ChangeCss(itemval) {
var item = document.getElementById(itemval);
item.className = "input-text";
}







 function SendEmail(pdID) {
var FromN = document.getElementById("fromN").value;
var FromE = document.getElementById("fromE").value;
var toE = document.getElementById("toE").value;
var MSS = document.getElementById("Mss").value;
var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;



			

if ((FromN == "") || (FromN == "Enter Your Name")) {
alert ("Please enter your name.");
document.getElementById("fromN").className = "input-text-req";
document.getElementById("fromN").focus();
return;

}

else if ((FromE == "") || (FromE == "Enter Your Email")) {
alert ("Please enter your email.");
document.getElementById("fromE").className = "input-text-req";
document.getElementById("fromE").focus();
return;

}

 
   
else if (reg.test(FromE) == false) {
alert('Invalid Email Address');
document.getElementById("fromE").className = "input-text-req";
document.getElementById("fromE").focus();

   }










else if ((toE == "") || (toE == "Your Friends Email")) {
alert ("Please enter your friends email.");
document.getElementById("toE").className = "input-text-req";
document.getElementById("toE").focus();
return;

}


else if (reg.test(toE) == false) {
alert('Invalid Email Address');
document.getElementById("toE").className = "input-text-req";
document.getElementById("toE").focus();

   }

else {

xmlHttp=GetXmlHttpObject();
if (xmlHttp==null)
  {
  alert ("Your browser does not support AJAX!");
  return;
  } 
var url="email-myfriend.asp?fromname=" + FromN + "&fromemail=" + FromE + "&toemail=" + toE + "&Mss=" + MSS + "&prodid=" + pdID;



xmlHttp.onreadystatechange=EmailMyFriend;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);

}

}


function SendToFriend() {
grayOut(true);
ReloadDiv();
ShowPopUP(1);
}

function ReloadDiv() {
document.getElementById("emailbody").innerHTML = vstart;
}








function ChaneImg(imgid, img) {
var mying = document.getElementById("img"+imgid);
var mainimg = document.getElementById("MainLarg");
mying.className = "imgon";
mainimg.innerHTML = "<img src='prodimages/" + img + "'>";
}

function ChaneImgBorder(imgid) {
var mying = document.getElementById("img"+imgid);
mying.className = "imgstyle";

}

function ShowGildeLargeImages(flag) {
var imgdiv = document.getElementById("LargeImg");
if (flag==0) {
//hide

imgdiv.style.visibility = "hidden";
grayOut(false);

} else {
//show

imgdiv.style.visibility = "";
grayOut(true);
}
}





function ShowHidePopUPS(flag, divname) {
var imgdiv = document.getElementById(divname);
if (flag==0) {
//hide

imgdiv.style.visibility = "hidden";
grayOut(false);

} else {
//show

imgdiv.style.visibility = "";
grayOut(true);
}
}





//================BY DESIGNER SIZE CHANRT
function SHowChartMBD(){
grayOut(true);
document.getElementById('MainPic3').style.visibility = "";
document.getElementById('sizechart').innerHTML='<img  src ="http://www.emoda.com/images/sizechart2.jpg"  useMap="#FPMap60" alt="Size Chart"><br><a href="javascript:closesizediv();"><img  src ="http://www.emoda.com/images/closesize.jpg"   alt="Close"></a>'

}



function SHowChartWMesBD(){
grayOut(true);
document.getElementById('MainPic2').style.visibility = "";
document.getElementById('sizechart').innerHTML='<img  src ="http://www.emoda.com/images/diagramwom.jpg"  useMap="#FPMap60" alt="Size Chart"><br><a href="javascript:closesizediv();"><img  src ="http://www.emoda.com/images/closesize.jpg"   alt="Close"></a>'

}