// Place your application-specific JavaScript functions and classes here
// This file is automatically included by javascript_include_tag :defaults

Cufon.replace('#navi > li > a', { hover: true });
Cufon.replace('.node h2, #comments h2');
Cufon.replace('#page_title');


$(function(){  
  $("a[rel=extrenal]").attr('target', '_blank');
  
  $("#page_head p a, .box p a, .actions a").each(function(){
    $(this).addClass('rounded');
    $(this).html("<span>" + $(this).text() + "</span>");
  })
  
  $(".formtastic input[type=submit]").each(function(){                 
    $(this).before("<button class='rounded' type='submit'><span>" + $(this).val() + "</span></button>").remove();
    if($.browser.mozilla){
      $("button.rounded span").css({top: '-1px'})     
    }
  })     
  
  $(".slideshow_button").click(function(){                   
    var is_stop = $(this).siblings(".slideshow").data('nivo:vars').stop;
    if(is_stop)
      $(this).removeClass('stop').addClass('play');
    else
      $(this).removeClass('play').addClass('stop');
      
    $(this).siblings(".slideshow").data('nivo:vars').stop = !is_stop;
    return false;
  })

	// menu 
	$("#navi li a").click(function(){ 
	  $(this).blur();
	  var ul = $(this).siblings('ul');
	  if(ul.length > 0) {           
	    $("#navi li a.active").removeClass('open').trigger('mouseout');
	    $(this).addClass('open');

			$('#subnavi').html("<div id='arrow'></div><div class='wrapper'><div class='content'></div></div>");
			$('#subnavi .content').html($(ul[0]).clone()); 
		
	    var x = $(this).offset()['left'] - $("#navi").offset()['left'] + $(this).width() / 2 - 8;
	    $("#arrow").css({"left": x+"px" }) 
	
	    Cufon.replace('#subnavi li ', { hover: true});
	    $("#subnavi").slideDown("fast");
    
	    if($("#subnavi .content ul").width() > 900){  
				$("#subnavi .content ul").css("margin-left", "20px");				    
	      $('<div id="arrow_left"></div>').insertBefore("#subnavi .content").hover(function(){
	         animate_subnavi($(this), 1);
	      },
	      function(){                                             
	        $(this).siblings(".content").find("ul").stop();
	      });
      
	      $('<div id="arrow_right"></div>').insertBefore("#subnavi .content").hover(function(){
	        animate_subnavi($(this), -1);
	      }  
	      ,
	      function(){                                             
	        $(this).siblings(".content").find("ul").stop();
	      });

	    }
	    return false;                             
	    }
	});  
});



function animate_subnavi(e, dir){
  var ul = e.siblings(".content").find("ul")
  var targetx;
  if(dir < 0)
    targetx = ul.width() - 900 + 20;       
  else
    targetx = 20;
    
  var x = ul.offset()["left"] - $("#navi").offset()['left'];
  var duration = ( Math.abs(targetx) - Math.abs(x) ) * 5;                                 
  e.siblings(".content").find("ul").stop().animate({marginLeft: dir * targetx}, Math.abs(duration));
  return false;      
}