/*
  @interface.js
  @author k
  @dateCreated 2009/08/28 
  @dateModified 2010/10/28 
  @description インターフェース、レイアウト、ビヘイビア
  include jQuery
*/

/**
* グローバル変数
* 
***/
var cm={};


$(function(){ //DOM構築後

/**
* ドラッグ+ソート
* with:jquery-ui-1.8.2.custom.min.js
***/
  //$(".main_frame").sortable({
  $("#sub1,#under_main").sortable({
    items: '.sortable',
    handle: '.dheader',
    revert: false, // animation
    placeholder: 'sortable_placeholder',
    forcePlaceholderSize: true,
    distance: 3,
    update: function(event, ui) {
      var result = $(event.target).sortable('toArray');
      var id = event.target.id;
      $.post("_changelayout",{area: id, parts: result, url: location.href });
    }
  });
  //opera 機能off
  if(window.opera){
    $('.dheader').removeClass('dheader')
  }

/**
* showHideインターフェース
***/  
  //showHide ターゲット+トリガー セット
  $('.sortable > .sheader').next('div').addClass('showHide-Target');
  $('.sortable > .sheader').after('<span class="showHide-Trigger">+/-</span>');
  
  //showHide toggleアイコン
  var tglIcon={
    hide:"/img/common/leftBtn.gif",
    show:"/img/common/downBtn.gif"
  };
  
  //hide要素クッキー保持
  var closeElements;
  var cookie = $.cookie("closeElm");
  if(cookie){
    closeElements = cookie.split(':');
  }else{
    closeElements =[];
  }

  //hide要素チェック、状態表示
  $('div.showHide-Target').each(function(){
    var i;
    for(i = closeElements.length - 1; i >= 0; i--){
      if(closeElements[i] == $(this).parent().get(0).id){
        $(this).hide();
        $(this).prev('span.showHide-Trigger').css("background-image","url("+tglIcon.hide+")");
        break;
      }
    }
  });
  
  //showHide切り替え click event
  $('span.showHide-Trigger').each(function(){
    $(this).click(function(){
      var i;
      for(i = closeElements.length - 1; i >= 0; i--){
        if(closeElements[i] == $(this).parent().get(0).id){
          break;
        }
      }
      if(i >= 0){
        // 表示
        closeElements.splice(i,1);
        $(this).next('div.showHide-Target').slideToggle('fast');
          $(this).css("background-image","url("+tglIcon.show+")");
      }else{
        // 非表示
        closeElements.push($(this).parent().get(0).id);
        $(this).parent().parent().append('<div id="tmp_moveto" style="height: 17px;"></div>');
        $(this).next('div.showHide-Target').toggle('blind',{},400,function(){
          $(this).parent().effect('transfer',{ to: "#tmp_moveto", className: 'transfer_placeholder' },600,
            function(){
              $("#tmp_moveto").remove();
              $(this).parent().append($(this));
              var result = $(this).parent().sortable('toArray');
              var id = $(this).parent().get(0).id;
              $.post("_changelayout",{area: id, parts: result, url: location.href });
            });
        });
          $(this).css("background-image","url("+tglIcon.hide+")");
      }
      $.cookie("closeElm",closeElements.join(':'),{path: '/', expires: 1000});
      
    });
  });
  
/**
* fancybox
* with:jquery.fancybox-1.3.1.pack.js
***/
  $('a.fancypopup').fancybox();

/**
* popup window
* usage :<a href="url" rel="popup_600_500" title="page">link</a>
***/
  $('a[rel^=popup]').bind('click',function(){
    var elm=this;
    var w=elm.rel.split("_")[1] || 500,
      h=elm.rel.split("_")[2] || 500,
      url=elm.href,
      name=elm.title;
    var childWin = window.open(url, name,"width="+w+",height="+h+"toolbar=no,menubar=yes,status=yes,scrollbars=yes,resizable=yes");
      childWin.focus();
    return false;
  });

});