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

//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 gray out
    $('#overlay').height(height).width(width).show().fadeTo(500, 0.8, function() {

      //center
      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.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 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 select = $('#window_lookbook_select');
      var selector = "";
      var select_no = 0;
      jQuery.each($lookbook.data, function(){
        //alert(this.img);
        selector += '<a href="javascript:void(0);" onclick="updateLookbookData('+select_no+')"><p class="lookbook_selector">■</p></a>';
        select_no++;
      });
      
      //$('#window_lookbook_select').html("hello");
      select.html(selector);
      //document.getElementById('window_lookbook_select').innerHTML = "hello";
      //set first image
      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');

    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.show().fadeTo(1000, 1, function(){
          //updateLookbookData(1);
        });
      });
    });
  });

  $("#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;
  $('#window_lookbook_text').fadeOut(1000);
  $('#window_lookbook_image').fadeOut(1000, function(){
    
    $('#window_lookbook_image').attr('src', $lookbook.data[no].img);
    $('#window_lookbook_text').html('');
    $('#window_lookbook_text').html($lookbook.data[no].price);

    var selectors = $('.lookbook_selector');
    var select_no = 0;
    jQuery.each(selectors, function(){
      if ($lookbook.no == select_no) {
        jQuery(this).css("color", "black");
      }
      else {
        jQuery(this).css("color", "#ccc");
      }
      select_no++;
    });
  });

  $('#window_lookbook_image').fadeIn(1000);
  $('#window_lookbook_text').fadeIn(1000);

  return false;
}

function _checkLookbookSelector() {
  var selectors = $('.lookbook_selector');
  jQuery.each(selectors, function(){
    alert(this.innerHTML);
  });
}


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;
      });
    }
  });
}