// DOM Ready
$(function() {
	
	$('#slides').slides({
				preload: true,
				preloadImage: 'img/loading.gif',
				play: 5000,
				fadeSpeed: 550,
				slideSpeed: 550,
				pause: 2500,
				hoverPause: true
			});

    var $el, leftPos, newWidth;
        $mainNav2 = $("#example-two");
    
    /*
        EXAMPLE ONE
    */
    
    /* Add Magic Line markup via JavaScript, because it ain't gonna work without */
    $("#example-one").append("<li id='magic-line'></li>");
    
    /* Cache it */
    var $magicLine = $("#magic-line");
    
    $magicLine
        .width($(".current_page_item").width())
        .css("left", $(".current_page_item a").position().left)
        .data("origLeft", $magicLine.position().left)
        .data("origWidth", $magicLine.width());
        
    $("#example-one li").find("a").hover(function() {
        $el = $(this);
        leftPos = $el.position().left;
        newWidth = $el.parent().width();
        
        $magicLine.stop().animate({
            left: leftPos,
            width: newWidth
        });
    }, function() {
        $magicLine.stop().animate({
            left: $magicLine.data("origLeft"),
            width: $magicLine.data("origWidth")
        });    
    });
   
			
  //GALLERY
  var galleryItems = $("#content .item a");
  var rollImages = $("#content span.rollover");
  
  if(galleryItems.length > 0){
    //rollover items
    rollImages.css({"display": "none"});
    galleryItems.mouseover(function(){
      var item = $(this).find(".rollover");
      var n = item.queue("fx");
      if(n==0){
        item.fadeIn();
       }
    });
    galleryItems.mouseleave(function(){
      $(this).find(".rollover").fadeOut();
    });
    // FANCYBOX
			$("a.gallery").fancybox({
				'opacity'		: false,
				'overlayShow'	: false,
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic',
				'titlePosition' 	: 'over',
				'hideOnContentClick' : true,
				'titlePosition' : 'inside',
				'cyclic'	: true
	    });
  }

	
    
	
    /* Kick IE into gear */
    $(".current_page_item_two a").mouseenter();
	
	// PRELOADER
	
	$("#content .item").preloadify({
        imagedelay: 100,
        mode: 'sequency'
    });
});