//* tabs functions */
var siteimages = "http://www.emoda.com/prodimages/";
var images = "http://www.emoda.com/images/";
var $d = $(document);

$d.delegate('.tabstyle', 'mouseover', function(ev){
 var node = $(ev.currentTarget);
 var alltabs = $('.tabstyle');
 
 

 
 var Largeimg = $('.MainLargeImg4');
 

var ImgPath = node.children('.smimghid').attr("src");
var LargeImgPath = $('.MainLargeImg4').children('.lgmainshnimg').attr("src");

 var FullImg = '<div class="MainLargeImg4"><span class="brandlink poslaguna"><a href="brands/laguna-beach-jeans/">SHOP LAGUNA BEACH DENIM</a></span><img src="'+ImgPath+'" class="lgmainshnimg" border="0"></div>';
 var fistopt =  node.attr("data-flag-tabs");

 var firstData = $('.MainLargeImg1');

if (ImgPath != LargeImgPath) {

node.doTimeout('hpto', 100, function(){
 alltabs.animate({ width: 140}, 50);

node.animate({
               width: 180
           }, 50, function(){


if (fistopt == 1) {
Largeimg.fadeOut(300);
firstData.fadeIn(300);
Largeimg.html(FullImg);
//Largeimg.hide();
}
else {
if (fistopt == 2) {
//FullImg = '<div class="MainLargeImg4"><div class="poslaguna"><span class="brandlink"><a href="brands/laguna-beach-jeans/">SHOP LAGUNA BEACH DENIM</a></span></div><img src="'+ImgPath+'" class="lgmainshnimg" border="0" alt="Shop Laguna Beach Denim"></div>';   
FullImg = '<div class="poslaguna"><span class="brandlink"><a href="brands/laguna-beach-jeans/">SHOP LAGUNA BEACH DENIM</a></span></div><img src="'+ImgPath+'" class="lgmainshnimg" border="0" alt="Shop Laguna Beach Denim">';   
}

if (fistopt == 3) {
//FullImg = '<div class="MainLargeImg4"><div class="soc-fp"><a href="http://twitter.com/#!/emoda" target="_blank"><img src="siteimages/follow-fp-png.png" alt="twitter" border="0"></a><a href="http://www.facebook.com/emodacom" target="_blank"><img src="siteimages/follwo-like-png.png" alt="facebook" border="0"></a></div><img src="'+ImgPath+'" class="lgmainshnimg" border="0"></div>';   
FullImg = '<div class="soc-fp"><a href="http://twitter.com/#!/emoda" target="_blank"><img src="siteimages/follow-fp-png.png" alt="twitter" border="0"></a><a href="http://www.facebook.com/emodacom" target="_blank"><img src="siteimages/follwo-like-png.png" alt="facebook" border="0"></a></div><img src="'+ImgPath+'" class="lgmainshnimg" border="0">';   


}firstData.fadeOut(300)
                $('.MainLargeImg2').fadeOut();
                $('.MainLargeImg3').fadeOut();
				$('.MainLargeImg5').fadeOut();
                Largeimg.fadeOut(300);
                Largeimg.html(FullImg)
                Largeimg.fadeIn(300); 
} 
 
});
});
}
});


$d.delegate('.pagin', 'click', function(ev){
    var node = $(ev.currentTarget);
    var vflag = node.attr("data-barnd-flag");
    var NextImg = $('.MainLargeImg' + vflag);
    var NextHtml = NextImg.html();
    var MainDiv = $('.MainLargeImg');
     
      var pagparent = node.parent('.pagn');
      var currflag = pagparent.children('.pselected').attr("data-barnd-flag");
      var CurrData = $('.MainLargeImg' + currflag);

                if (currflag != vflag) {
                   CurrData.fadeOut(300);
                   NextImg.fadeIn(300);  
                   }

});



//* tabs functions end */
//* sliding promo products */
$d.delegate('.MainLargeImg', 'mouseenter', function(ev){
    var node = $(ev.currentTarget);
    var childrenbrans = node.children();

if (childrenbrans.is(":visible")) {
var visiblechild = childrenbrans.children();
var fetproducst = visiblechild.find('.fet-brand-prod');

node.doTimeout('hpto', 100, function(){
           fetproducst.stop().animate({
               height: 170
           }, 800, function(){
               fetproducst.find('.fet-ptod-pop').fadeIn(300);
           });
       })
}
});

$d.delegate('.MainLargeImg', 'mouseleave', function(ev){
    var node = $(ev.currentTarget);
    var childrenbrans = node.children();

if (childrenbrans.is(":visible")) {
var visiblechild = childrenbrans.children();
var fetproducst = visiblechild.find('.fet-brand-prod');

node.doTimeout('hpto', 100, function(){
           fetproducst.stop().animate(
		   {  height: 20 }, 800, function(){
               fetproducst.find('.fet-ptod-pop').fadeOut(400);
           });
       })
}
});

/* showing and hiding menus */
$d.delegate('.em-brands', 'mouseenter', function(e){
var $brandpopup = $('.em-bybrand');
var $catpup = $('.em-bycat');
$catpup.hide();
$brandpopup.fadeIn(800);
});

$d.delegate('.em-categories', 'mouseenter', function(e){
var $brandpopup = $('.em-bybrand');
var $catpup= $('.em-bycat');
$brandpopup.hide();
$catpup.fadeIn(800);
});


$d.delegate('.close-nav', 'click', function(e){
var node = $(e.currentTarget); 
var flag = node.attr("data-flag")
if (flag==0) {
var $brandpopup = $('.em-bybrand');
$brandpopup.fadeOut(800);
} else {
var $catpup= $('.em-bycat');
$catpup.fadeOut(800);
}
});




/* end of menus code */
/* grey background pop up*/
function CallPopUp(vdata, flag) {
var greyscreen = $('.greyscreen');
var target = $('.info-msg');
var sdata = '';
var pdata = '<img border="0" alt="Close" src="../siteimages/cmdclose.jpg" class="close-botton"><div class="holder"></div>'
//target.html(pdata)    
 
	
//if (flag == 1) {
//sdata = 'http://www.emoda.com/popup-includes/productinfo.asp?prodid=' + vdata
//}
//else if (flag == 2) {
//sdata = 'http://www.emoda.com/popup-includes/email-subscribers.asp'
//}

//else if (flag == 3) {
//sdata = 'http://www.emoda.com/popup-includes/sizechart.asp'
//}

if (flag == 2) {
sdata = 'http://www.emoda.com/popup-includes/email-subscribers.asp';
} else {
sdata = flag;
}



$.ajax({
                type: 'POST',
                url: sdata,
               success: function(html){
     var html= '<img border="0" alt="Close" src="http://www.emoda.com/siteimages/cmdclose.jpg" class="close-botton">' + html;
	document.getElementById('ligh-msg').innerHTML = html;
    }
   });  

//$.get(sdata, function(html){
//  html= '<img border="0" alt="Close" src="http://www.emoda.com/siteimages/cmdclose.jpg" class="close-botton">' + html;       
//  document.getElementById('ligh-msg').innerHTML = html;     
//    });


 
 var f = false;
 var w = null;
 var pageUWidth = (document.body.offsetWidth - 1000) / 2; 
 var plocation = null;
 
	
if( document.body && ( document.body.scrollWidth || document.body.scrollHeight ) ) {
        var pageWidth = document.body.scrollWidth+'px';
		var pageHeight = document.body.scrollHeight+'px';
        var dark = $('.greyscreen');


    } else if( document.body.offsetWidth ) {
      var pageWidth = document.body.offsetWidth+'px';
      var pageHeight = document.body.offsetHeight+'px';
    } else {
       var pageWidth='100%';
       var pageHeight='100%';
    }   
	
	

//$('.greyscreen').stop().animate(
//{ width: pageWidth,
//  height: pageHeight

//})

setTimeout(function(){
      grayOut(true);
	  greyscreen.fadeIn(100, function () {
	  target.fadeIn();
	  target.css({visibility: 'visible', display:'none'});
	  w = target.width();
	  plocation = (1000 - w) /2;
	  plocation = pageUWidth + plocation;
	    	  
	  $('.info-msg').css( { "right": plocation + "px", "top":50 + "px"} );
	  target.fadeIn(500);
      });
	}, 100);
}

$d.delegate('.close-botton', 'click', function(e){
 var greyscreen = $('.greyscreen');
 var target = $('.info-msg');
 
 target.fadeOut(300);
 grayOut(false);
})

$d.delegate('.mini-prod', 'click', function(e){
var node = $(e.currentTarget); 
var prod = node.attr("data-prod");
var flag = node.attr("data-href");
CallPopUp(prod, 1)
});

$d.delegate('.slideimg', 'mouseenter', function(e){
var node = $(e.currentTarget); 
node.removeClass('slideimg');
node.addClass('slideimg-on');

node.animate(
{  
 height: 140,
 width: 140
 });
});

$d.delegate('.slideimg-on', 'mouseleave', function(e){
var node = $(e.currentTarget); 
node.removeClass('slideimg-on');
node.addClass('slideimg');

node.animate(
{  
 height: 110,
 width: 110
 });
});


/* functions to close menus onmouse out */
$d.delegate('.maindivmenu', 'mouseleave', function(e){
var node = $(e.currentTarget); 
var flag = node.children('.close-nav').attr('data-flag');

if (flag==0) {
var $brandpopup = $('.em-bybrand');
$brandpopup.fadeOut(800);
} else {
var $catpup= $('.em-bycat');
$catpup.fadeOut(800);
}
});


/* get subscribers popup */
function GetSubscribers() {
var greyscreen = $('.greyscreen');
var flag = greyscreen.data('flag');
if (flag != 1) {
CallPopUp(0, 2)
}
}

$d.delegate('.emsubsclick', 'click', function(e){ 
var node = $(e.currentTarget); 
var emailbox = $('.emsubsbox');
var email = $('.emsubsbox').val();
var errmsg = '';


if ((email == "") || (email == "Your Email....")) {
    emailbox.removeClass('inputformemail');
    emailbox.addClass('inputformemailreg');
    var formfield = $('.formfield').html()
    var formitem = $('.formfield');

    errmsg = 'Please enter a valid email.';
    errmsg = CreateError(errmsg,1,formfield);
    formitem.replaceWith(errmsg);
    var errdisp = $('.errwrapper');
    errdisp.fadeIn(300);
    
}
else {
$.ajax({
  type: 'POST',
  url: 'http://www.emoda.com/saveemail.asp?email='+email,
  success: function(){
 
 var greyscreen = $('.greyscreen');
 var target = $('.info-msg');
  target.fadeOut(300);
  greyscreen.fadeOut(500);
  }
 });
}

});

/* error validation popup */
function CreateError(err, flag, html) {
var result = '';
if (flag==1) {
result = '<div class="errwrapper"><div class="error">' + err + '</div></div>' + html;
} else {
result = html + '<div class="errwrapper"><div class="error">' + err + '</div></div>';
}
return result;
}

/* email submit on the bottom of the page */
$d.delegate('.sign-in .em-button', 'click', function(e){
var node = $(e.currentTarget); 

var emailbox = $('.formemail');
var email = $('.formemail').val();
var errmsg = '';

if ((email == "") || (email == "Enter Email..")) {
    emailbox.removeClass('inputform');
    emailbox.addClass('inputformreq');

    var formfield = $('.itemform').html()
    var formitem = $('.itemform');
        

    errmsg = 'Please enter a valid email.';
    errmsg = CreateError(errmsg,1,formfield);
    $('.itemform').html(errmsg);
    var errdisp = $('.errwrapper');
    errdisp.fadeIn(300);
    
} else {
document.email.submit();
}
});
$d.delegate('.btnsearch', 'click', function(e){
var vsearch = $('.searchtxt').val();; 
if ((vsearch == "") || (vsearch == "Search entire eModa here...")) {
} else {
document.frmSearch.submit();
}
});

//============function overlay ==== */
function grayOut(vis, options) {
  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='none';	
    var screen = $('#darkenScreenObject');
	screen.fadeIn(500);
	
  } else {
     dark.style.display='none';
  }
}

/**** comparacement promo ***/
$d.delegate('.compare-panel', 'mouseenter', function(ev){
       var node = $(ev.currentTarget);
     //  node.removeClass('overlay');
     //  $('.overlay').animate({opacity: 0.3});
       node.doTimeout('hpto', 100, function(){
           node.addClass('active-panel');
           node.stop().animate({
               width: 300
           }, 300, function(){
              
              node.find('.default').fadeOut(400);
              node.find('.active').fadeIn(400);
              node.find('.reveal-content').show();
           });
       })
   });


$d.delegate('.compare-panel', 'mouseleave', function(ev){
       var node = $(ev.currentTarget);
       
       node.doTimeout('hpto', 100, function(){
           node.removeClass('active-panel');
           node.stop().animate({
               width: 263
           }, 300, function(){
              node.find('.default').fadeIn(400);
              node.find('.active').fadeOut(400);
              node.find('.reveal-content').hide();
    // $('.overlay').animate({opacity: 1.0});
    //  node.addClass('overlay');

           });
       })
   });

   /** End of promo js **/
/* size chart pop up **/
$d.delegate('.sizechart', 'click', function(e){
var node = $(e.currentTarget); 
var flag = node.attr("data-href")
CallPopUp('', flag)
});

$d.delegate('.chart', 'click', function(e){
var node = $(e.currentTarget); 
var chartimg = node.attr("data-img");
var chart = $('.sizechartimg');
chart.attr("src", images + chartimg); 
});

$d.delegate('.emodapopup', 'click', function(e){
var node = $(e.currentTarget); 
var flag = node.attr("data-href")
CallPopUp('', flag)
});

/* ======================= black friday promotion=================== */
$d.delegate('.promos-holiday li', 'mouseover', function(ev) {
var node = $(ev.currentTarget);
node.find('.hol-btn').removeClass('hol-btn').addClass('hol-btn-on');
node.doTimeout('hpto', 100, function(){
node.find('.fp-promo-details').slideDown();
  });
});
$d.delegate('.promos-holiday li', 'mouseleave', function(ev) {
var node = $(ev.currentTarget);
node.find('.hol-btn-on').removeClass('hol-btn-on').addClass('hol-btn');
node.doTimeout('hpto', 100, function(){
node.find('.fp-promo-details').slideUp();
  });
});


/*============end black friday */