// -*- coding:utf-8 -*-

jQuery.fn.wideSlide = function(settings) {

 	settings = jQuery.extend({
		speed : 1000
	}, settings);	
	
	return this.each(function(){	    
	    var destination =  parseInt($("#list-container-wrapper").scrollLeft()) + parseInt($(this).position().left) - 241;
	    $("#list-container-wrapper").animate({ scrollLeft: destination}, settings.speed);
	  })
}


$(document).ready(function(){
    
    if($('#scrollable-content').get(0)){
      $('#scrollable-content').jScrollPane({scrollbarWidth : 3});
    }

    $('#menu li:not(".selected")').hover(function () {
	Cufon.replace($(this).find("span"), { fontFamily: 'Myriad Pro', fontSize: "16px", color: "black" });
	Cufon.now();
	$(this).find(".bg").animate({ width: "100%" }, { duration: 350,  specialEasing: { width: 'easeOutBack' }});
	$(this).find("span").animate({paddingLeft: "10px"}, 100).animate({paddingLeft: "0px"}, 100);

      }, 
      function () {
	Cufon.replace($(this).find("span"), { fontFamily: 'Myriad Pro', fontSize: "16px", color: "white" });
	Cufon.now();
	$(this).find(".bg").animate({ width: "0px" }, 100);
	$(this).find("span").animate({paddingLeft: "10px"}, 50).animate({paddingLeft: "0px"}, 50);
      });
   
    $("#menu li").click(function (event) {
	event.preventDefault();
	window.location.href = $(this).find("a").attr("href");
	return true; 
      });

    $("#view-wide").click(function (event) {
	event.preventDefault();
	$("#list-container").removeClass("compact").addClass("wide");
	$("#list-links").show(300);
	$("#list-container .list-item-compact").hide(300);
	$("#list-container .list-item-wide").show(300);
	$("#view span").removeClass("selected");
	$(this).find("span").addClass("selected");
      });

 

    $("#view-compact").click(function (event) {
	event.preventDefault();
	$("#list-container").removeClass("wide").addClass("compact");
	$("#list-links").hide(300);
	$("#list-container .list-item-wide").hide(300);
	$("#list-container-wrapper").scrollLeft(0);
	$("#list-container .list-item-compact").show(300);
	$("#view span").removeClass("selected");
	$(this).find("span").addClass("selected");
      });

    $(".list-item-wide a").hover(function () {
	$(".list-item-wide").not($(this).parent().parent()).find(".hover-fg").fadeIn(100);
	$(this).find(".frame-selected").fadeIn(650);
	
      }, 
      function () {
	$(".list-item-wide").find(".hover-fg").fadeOut(100);
	$(".frame-selected").hide();
      });

    $(".list-item-compact a").hover(function () {
	$(this).find(".frame-selected").fadeIn(650);
      }, 
      function () {
	$(".frame-selected").hide();
      });

    if($(".wide").get(0)){
      var n = 1
      $(".list-item-wide").each(function(){
	  if (n < 10){ append = "0" }else{ append = "" }
	  if (n == 1){ class_name = ' class="selected"' }else{ class_name = "" }
	  $("#list-links").append('<div'+class_name+'><a href="#'+$(this).attr("id")+'">' + append + n + '</a></div>');
	  n += 1;
	});

      /*
      Cufon.replace('#list-links div', {
	fontFamily: 'PF Tempesta Seven',
	    fontSize: "8px",
	    color: "#4e5e5b"
	    });
      

      Cufon.replace('#list-links div.selected', {
	fontFamily: 'PF Tempesta Seven',
	    fontSize: "8px",
	    color: "#c1f2ee"
	    });
      */
    }   
 
    $("#list-links a").click(function(){
	$("#list-links div").removeClass("selected");
	$(this).parent().addClass("selected");
	
	/*
	Cufon.replace('#list-links div', {
	  fontFamily: 'PF Tempesta Seven',
	      fontSize: "8px",
	      color: "#4e5e5b"
	      });
	
	
	Cufon.replace('#list-links div.selected', {
	  fontFamily: 'PF Tempesta Seven',
	      fontSize: "8px",
	      color: "#c1f2ee"
	      });
	
	Cufon.now();
	*/
	$($(this).attr("href")).wideSlide();
	
      });


    if($("#header img").size() > 1){
      $("#header").append('<a id="previous" href=""><div></div></a>');
      $("#header").append('<a id="next" href=""><div></div></a>');

      var i = 1;
      $("#header img").each(function(){
	  if (i == 1){ $(this).addClass("selected") }
	  if (i > 1){ $(this).hide() }
	  i += 1;
	});
    }
    

    $("#next").click(function(event){
	event.preventDefault();
	previmg = $("#header-images img.selected");
	nextimg = $("#header-images img.selected").next("img");
	if(!nextimg.get(0)){
	  nextimg = $("#header-images img").first();
	}
	previmg.fadeOut(500).removeClass("selected");
	nextimg.fadeIn(500).addClass("selected");
      });


    $("#previous").click(function(event){
	event.preventDefault();
	previmg = $("#header-images img.selected");
	nextimg = $("#header-images img.selected").prev();	
	if(!nextimg.get(0)){
	  nextimg = $("#header-images img").last();
	}
	previmg.fadeOut(500).removeClass("selected");
	nextimg.fadeIn(500).addClass("selected");
      });



  });