listWidth = 224;
 loopWidthPrev = 0;
 loopWidthNext = -672;
 clicable = true;
 listCount = 0;

$(document).ready(function() {
  var i = 1;
	$('#slider_wrap ul li').each(function(){
		$(this).addClass('list'+i);
		i++;
	});
	
	ichioshiInit();
	
	$('#slider_wrap ul').prepend($("#slider_wrap ul li:last-child").clone());
	$('#slider_wrap ul').append($('#slider_wrap ul li:nth-child(2)').clone());
  
	listCount = $('#slider_wrap').children('ul').children('li').length;
	
  showPlan();
	
	setTimeout('autoSlider()',8000);
	$('#slider_wrap ul li:eq(1)').click(function(){prevBtn();});
	$('#slider_wrap ul li:eq(3)').click(function(){nextBtn();});
	$('#prevBtn').click(function() {
     prevBtn();
  });
  $('#nextBtn').click(function() {
     nextBtn();
  });
	
	$('#rankingBtn').click(function() {
		$('#ranking_list').slideToggle(500,changeImg(this));
	});
  
    $('.jq-placeholder').placeholder();
    
    $('input[autofocus=true]').focus();

  $('#navi_list > li').each(function() {
    $(this).hover(
    function() {
      $('div',this).show();
      $('div',this).hover(function(){
         if (typeof $(this).parent().find('img').attr('src') != 'undefined') {
           $(this).parent().find('img').attr("src", $(this).parent().find('img').attr("src").replace("_off.", "_on."));
         } else {
           $(this).parent().parent().find('img').attr("src", $(this).parent().parent().find('img').attr("src").replace("_off.", "_on."));
         }
      },
      function(){
        if (typeof $(this).parent().find('img').attr('src') != 'undefined') {
          $(this).parent().find('img').attr("src", $(this).parent().find('img').attr("src").replace("_on.", "_off."));
        }else {
           $(this).parent().parent().find('img').attr("src", $(this).parent().parent().find('img').attr("src").replace("_on.", "_off."));
         }
      });
    },
    function() {
      $('div',this).hide();
    }
    );
  });
  /*プランボックスのロールオーバー*/
  $('#main_wrapper .topical_plan a').hover(
    function(){$('.contents',this).css('background-color','#f7f5ec');},
    function(){$('.contents',this).css('background-color','#ffffff');}
  );
  $('#main .shop_menu_box a').hover(
    function(){$('.contents_area',this).css('background-color','#f7f5ec');},
    function(){$('.contents_area',this).css('background-color','#ffffff');}
  );
  /*ヘッダのエリアトップ部分のプルダウン*/
 $('#header_area ul li.select_area a').click(function(){
   $('ul',$(this).parent()).slideToggle(500);
 });
  /*詳細検索の表示・非表示*/
 $('.toggle_slide_button').click(function() {
   changeText(this);
   $($(this).attr('href')).slideToggle(500);
   return false;
 });
 $('.toggle_slide_button_img').click(function() {
   changeImg(this);
   $($(this).attr('href')).slideToggle(500);
   return false;
 });
 
  /* サイド詳細検索の表示・非表示 */
  $('#side_contents #btn_side_detail_search_open_close').click(function(){
    changeImg(this);
    $('#side_detail_search').slideToggle(500);
  });
  
  $('option[disabled]').css('color', '#cdcdcd');
  $('option[disabled]').each(function() {
    $(this).text('x ' + $(this).text())
  });
});

function changeText(obj){
  var text = $(obj).attr('change_text');
  $(obj).attr('change_text',$(obj).text());
  $(obj).text(text);
}

function hasPlaceholderSupport() {
  var i = document.createElement('input');
  return 'placeholder' in i;
}

function autoSlider(){
	nextBtn();
	setTimeout('autoSlider()',8000);
}

function changeImg(obj) {
  var image = $(obj).find('img');
  var letter = image.attr('src');
  if (letter.indexOf('_show.') != -1) {
    image.attr("src", image.attr("src").replace("_show.", "_hidden."));
  } else if (letter.indexOf('_hidden.') != -1){
    image.attr("src", image.attr("src").replace("_hidden.", "_show."));
  }
}

function ichioshiInit() {
  var i =1;
	$('#main_contents .ichioshi_wrapper_with_slider .ichioshi .footer .wrapper').each(function(){
		$(this).addClass('list'+i);
    $(this).css('display','none');
     i++;
	});
}

function showPlan() {
	ichioshiInit();
	var current = $('#slider_wrap ul li:eq(2)').attr('class');
  $('#main_contents .ichioshi .'+ current).fadeIn(800);
}

function prevBtn() {
   $('#slider').each(function(){
    
    if(clicable)
      sliderPosition();

    function sliderPosition(){
      clicable = false;
      $('#slider_wrap').animate({marginLeft:'+=' + (listWidth) + 'px'},{
      duration: 300,
      easing: 'linear',
      queue: false,
      complete: adjustPrev
    });
      
    };

    });
 }

function nextBtn() {
   $('#slider').each(function(){
   if(clicable)
    sliderPosition();

    function sliderPosition(){
      clicable = false;
      $('#slider_wrap').animate({marginLeft:'-=' + (listWidth) + 'px'},{
      duration: 300,
      easing: 'linear',
      queue: false,
      complete: adjustNext
    });
    };
  });
}

function adjustNext() {
  $('#slider_wrap ul li:first-child').remove();
  $('#slider_wrap ul').append($('#slider ul li:nth-child(2)').clone());
  $('#slider_wrap').animate({marginLeft: '-' + listWidth + 'px'},{duration:0});
  classAdjust();
	showPlan();
	clicable = true;
}

function adjustPrev() {
  $('#slider_wrap ul li:last-child').remove();
  $('#slider_wrap ul').prepend($('#slider ul li:nth-child('+(listCount-2)+')').clone());
  $('#slider_wrap').animate({marginLeft: '-' + listWidth + 'px'},{duration:0});
  classAdjust();
	showPlan();
	clicable = true;  
}

function classAdjust() {
  $('#slider_wrap ul li').each(function(){
    $(this).unbind('click');
  });
  $('#slider_wrap ul li:eq(1)').click(function(){prevBtn()});
  $('#slider_wrap ul li:eq(3)').click(function(){nextBtn()});
}

function showDialog(url, title) {
  var dialog = $(document.createElement('div'));
  dialog.attr('id', 'dialog');
  dialog.dialog({
    modal: true,
    title: title,
    resizable: false,
    open: function() {
      $(this).load(url);
    },
    close: function() {
      $('#dialog').remove();
    }
  });
}

;