var $lookbook = new Object();
$lookbook.data = new Object();
$lookbook.no = 0;

var $brandlist = new Object();
$brandlist.data = new Object();

//get client window size
function getClientHW() {
    var height;
    var width;
    if (jQuery.browser.msie) {
      height = document.body.clientHeight;
      width = document.body.clientWidth;
    }
    else {
      height = document.documentElement.clientHeight;
      width  = document.documentElement.clientWidth;
    }
    return [height, width];
}

function make_multi_Window() {
  $("#multi").click(function() {

    var hw = getClientHW();
    var height = hw[0];
    var width  = hw[1];
    var scrollTop = 0;
    var overlay = $('#overlay');
    var layer_info = $('#window_multi');
    var layer_info_inner = $('#window_multi_inner');

/*
    overlay.fadeTo(0, 0).hide();
    layer_info_inner.fadeTo(0, 0).hide();
*/
    $('#overlay').height(height).width(width).show().fadeTo(500, 0.8, function() {
      var top = (height - layer_info.height()) / 2 + scrollTop;
      var left = (width - layer_info.width()) / 2;
      layer_info.css('top', top).css('left', left);
      layer_info.show('scale', {}, 300, function(){
        //layer_info_inner.fadeIn(1000, function(){
        layer_info_inner.show().fadeTo(1000, 1, function(){

        });
      });
    });
    

  });

  //close window
  $("#window_multi_close").click(function() {
    var layer_info = $("#window_multi");
    var layer_info_inner = $("#window_multi_inner");
    var overlay = $('#overlay');
    layer_info_inner.fadeTo(500, 0, function(){
      layer_info.hide('scale', {}, 500, function(){
        overlay.fadeTo(500, 0, function(){
          overlay.hide();
          layer_info_inner.hide();
        });
      });
    });
  });
}

function make_monobrand_Window() {
  $("#monobrand").click(function() {

    var hw = getClientHW();
    var height = hw[0];
    var width  = hw[1];
    var scrollTop = 0;
    var overlay = $('#overlay');
    var layer_info = $('#window_monobrand');
    var layer_info_inner = $('#window_monobrand_inner');

    overlay.fadeTo(0, 0).hide();
    layer_info_inner.fadeTo(0, 0).hide();
    
    $('#overlay').height(height).width(width).show().fadeTo(500, 0.8, function() {
      var top = (height - layer_info.height()) / 2 + scrollTop;
      var left = (width - layer_info.width()) / 2;
      layer_info.css('top', top).css('left', left);
      layer_info.show('scale', {}, 300, function(){
        //layer_info_inner.fadeIn(1000, function(){
        layer_info_inner.show().fadeTo(1000, 1, function(){

        });
      });
    });

  });

  $("#window_monobrand_close").click(function() {
    var layer_info = $("#window_monobrand");
    var layer_info_inner = $("#window_monobrand_inner");
    var overlay = $('#overlay');
    layer_info_inner.fadeTo(500, 0, function(){
      layer_info.hide('scale', {}, 500, function(){
        overlay.fadeTo(500, 0, function(){
          overlay.hide();
          layer_info_inner.hide();
        });
      });
    });
  });
}

function makeLookbookWindow(category) {

  //get data
  $.ajax({
    url : "lookbook/"+category+"/data.js",
    type : "get",
    data : {},
    success: function(request) {
      var hs = eval('('+request+')');
      $lookbook.data = hs;

      //create image selectors
      var selector = "";
      var select_no = 0;
      jQuery.each($lookbook.data, function(){
        select_no++;
      });

          //get data(brandlist)
          $.ajax({
            url : "brandlist/brand.js",
            type : "get",
            data : {},
            success: function(request) {
              var hs = eval('('+request+')');
              $brandlist.data = hs;
      	      if(select_no > 0 && $brandlist.data.length > 0)
              	updateLookbookData(0);
            }
          });
    }
  });


  $("#lookbook").click(function() {
    var hw = getClientHW();
    var height = hw[0];
    var width  = hw[1];
    var scrollTop = 0;
    var overlay = $('#overlay');
    var layer_info = $('#window_lookbook');
    var layer_info_inner = $('#window_lookbook_inner');
    var layer_info_detail = $('#window_lookbook_detail');

    overlay.fadeTo(0, 0).hide();
    layer_info_inner
    
    overlay.height(height).width(width).show().fadeTo(500, 0.8, function() {
        var top = (height - layer_info.height()) / 2 + scrollTop;
        var left = (width - layer_info.width()) / 2;
        var imageList = '<div id="loopedSlider"><div class="container"><div class="slides">';

      	jQuery.each($lookbook.data, function(){
      	    imageList += '<div><img src="'+this.img+'" height="540" /></div>';
        });
	imageList += '</div></div><a href="#" class="previous"><img src="img/arrow_left.png" width="14" height="24" alt="previous"></a><a href="#" class="next"><img src="img/arrow_right.png" width="14" height="24" alt="next"></a></div>';

        layer_info.css('top', top).css('left', left);
        layer_info.show('scale', {}, 300, function(){
            layer_info_inner.show().fadeTo(1000, 1, function(){
            });
        	layer_info_detail.html(imageList);
                $.fn.loopedSlider.defaults.addPagination = false;
                $('#loopedSlider').loopedSlider({
                       	autoStart: 0,
                       	containerClick: false
                });
      });
    });



  });

  $("#window_lookbook_close").click(function() {
    var layer_info = $("#window_lookbook");
    var layer_info_inner = $("#window_lookbook_inner");
    var overlay = $('#overlay');
    //layer_info_inner.fadeOut(500, function(){
    layer_info_inner.fadeTo(500, 0, function(){
      layer_info.hide('scale', {}, 500, function(){
        overlay.fadeTo(500, 0, function(){
          overlay.hide();
          layer_info_inner.hide();
        });
      });
    });
  });

}

function makeShoplistWindow() {
  $("#shoplist").click(function() {
    var hw = getClientHW();
    var height = hw[0];
    var width  = hw[1];
    var scrollTop = 0;
    var overlay = $('#overlay');
    var layer_info = $('#window_shoplist');
    var layer_info_inner = $('#window_shoplist_inner');

    overlay.fadeTo(0, 0).hide();
    layer_info_inner.fadeTo(0, 0).hide();
    overlay.height(height).width(width).show().fadeTo(500, 0.8, function() {
      var top = (height - layer_info.height()) / 2 + scrollTop;
      var left = (width - layer_info.width()) / 2;
      layer_info.css('top', top).css('left', left);
      layer_info.show('scale', {}, 300, function(){
        //layer_info_inner.fadeIn(1000, function(){
        layer_info_inner.show().fadeTo(1000, 1, function(){
        });
      });
    });
  });
  $("#window_shoplist_close").click(function() {
    var layer_info = $("#window_shoplist");
    var layer_info_inner = $("#window_shoplist_inner");
    var overlay = $('#overlay');
    //layer_info_inner.fadeOut(500, function(){
    layer_info_inner.fadeTo(500, 0, function(){
      layer_info.hide('scale', {}, 500, function(){
        overlay.fadeTo(500, 0, function(){
          overlay.hide();
        });
      });
    });
  });
}

function updateLookbookData(no) {
  $lookbook.no = no;

  //html($lookbook.data[no].price);
  var brandText = "";
  var brandImg = "";
  jQuery.each($brandlist.data, function(){
if(this.brand == $lookbook.data[no].brand){
  	    brandText = this.text;
  	    brandImg = this.img;
	}
  });


  $('#window_lookbook_text').fadeOut(1000, function(){ 
      $('#window_lookbook_text').html('');
      $('#window_lookbook_text').html($lookbook.data[no].price);
      $('#window_lookbook_text').fadeIn(1000);
  });


  $('#window_lookbook_brand').fadeOut(1000, function(){ 
      if(brandImg.length > 0){
            	$("#window_lookbook_brand_logo").html("<img src='"+brandImg+"'>");
      } else {
            	$("#window_lookbook_brand_logo").html("");
      }

      if(brandText.length > 0){
          $("#window_lookbook_brand_text").html(brandText);
      } else {
          $("#window_lookbook_brand_text").html("");
      }
      $('#window_lookbook_brand').fadeIn(1000);
  });
  return false;
}



function _checkLookbookSelector() {
}


function before_main_close() {}

function preload(category) {
  $.ajax({
    url : "lookbook/"+category+"/data.js",
    type : "get",
    data : {},
    success: function(request) {
      var hs = eval('('+request+')');
      $lookbook.data = hs;
      jQuery.each($lookbook.data, function(){
        var img = new Image();
        img.src = this.img;
      });
    }
  });
}