/*
jQUERY
--------------------------------------------------*/
$(document).ready(function() {
	
	// DROP-DOWN MENUS
	$( '#site-navigation li' ).hover(
		function(){ $( 'ul', this ).show(); },
		function(){ $( 'ul', this ).hide(); }
	);
	if (document.all) {
		$( '#site-navigation li' ).hoverClass( 'sfHover' );
	}
	
	t = setInterval("runSlideShow()", myInt);
	
	$('#slideshow').hover(
		function() {
			clearInterval(t);
		},
		function() {
			if (runSlideshow) {
				t = setInterval("runSlideShow()", myInt);
			}
		}
	);
	
	$('body').delegate('.slideshow-tooltip','mouseover mouseout',function(event) {
		if (event.type == 'mouseover') {
			$.fn.showTip($(this).html(),$(this));
		} else {
			$.fn.removeTip();
		}
	});
	
	// CLICK ON BAG NAVIGATION
	$('#slideshow-list a').click(function(e) {
		e.preventDefault();
		
		runSlideshow = false;
		currSlide = $(this).attr('href');
		$this = $(this);
		
		clearInterval(t);
		$('<img class="preload" />').css('opacity',0).attr('src',currSlide).load(function() {
			$img = $(this);
			
			$('#slideshow-image-html').empty();
			$('#slideshow-image img').addClass('slide-current');
			
			$('#slideshow-list li a').removeClass('current');
			$('#slideshow-list li:eq(' + i + ') a').addClass('current');
			
			$('#slideshow-content').append('<div class="slideshow-content slideshow-content-next">' + $this.closest('li').find('.desc').html() + '</div>');
			
			$img.appendTo('#slideshow-image').animate({
				opacity: 1
			},300,function() {
				$('.slide-current').remove();
				$('#slideshow-image-html').html($this.closest('li').find('.html').html());
				$img.removeClass('preload').addClass('slide-current');
			});
			
			if (isFirstTime) {
				$('.slideshow-content-current img').animate({
					opacity: 0
				},300,function() {
					$('.slideshow-content-current').animate({
						marginLeft: -482
					},300,function() {
						$(this).remove();
						$('.slideshow-content').removeClass('slideshow-content-next').addClass('slideshow-content-current');
					});
				});
				
				isFirstTime = false;
			} else {
				$('.slideshow-content-current').animate({
					marginLeft: -482
				},300,function() {
					$(this).remove();
					$('.slideshow-content').removeClass('slideshow-content-next').addClass('slideshow-content-current');
				});
			}
			
			$('#slideshow-list li a').removeClass('current');
			$this.addClass('current');
		});
		
	});

});


// SET VARIABLES FOR SLIDESHOW
var i = 0;
var myInt = 6000;
var runSlideshow = true;
var isFirstTime = true;

// RUN SLIDESHOW FUNCTION
function runSlideShow() {
	
	currSlide = $('#slideshow-list li:eq(' + i + ') a').attr('href');
	
	clearInterval(t);
	$('<img class="preload" />').css('opacity',0).attr('src',currSlide).load(function() {
		$img = $(this);
		$curr = $('#slideshow-list li:eq(' + i + ')');
		
		$('#slideshow-image-html').empty();
		$('#slideshow-image img').addClass('slide-current');
		
		$('#slideshow-list li a').removeClass('current');
		$('#slideshow-list li:eq(' + i + ') a').addClass('current');
		
		$('#slideshow-content').append('<div class="slideshow-content slideshow-content-next">' + $curr.find('.desc').html() + '</div>');
		
		$img.appendTo('#slideshow-image').animate({
			opacity: 1
		},500,function() {
			$('.slide-current').remove();
			$('#slideshow-image-html').html($curr.find('.html').html());
			$img.removeClass('preload').addClass('slide-current');
		});
		
		if (isFirstTime) {
			$('.slideshow-content-next').css('opacity',0);
			$('.slideshow-content-current').animate({
				opacity: 0
			},500,function() {
				$(this).remove();
				$('.slideshow-content').removeClass('slideshow-content-next').addClass('slideshow-content-current');
				$('.slideshow-content').animate({
					opacity: 1
				},200);
			});
			
			isFirstTime = false;
		} else {
			$('.slideshow-content-current').animate({
				marginLeft: -482
			},500,function() {
				$(this).remove();
				$('.slideshow-content').removeClass('slideshow-content-next').addClass('slideshow-content-current');
			});
		}
		
		i++;
		if (i > ($('#slideshow-list li').length - 1)) {
			i = 0;
		}
		
		t = setInterval("runSlideShow()", myInt);
		
	});
	
};

$.fn.hoverClass = function(c) {
    return this.each(function(){
        $(this).hover( 
            function() { $(this).addClass(c);  },
            function() { $(this).removeClass(c); }
        );
    });
};

// TOOLTIP
$.fn.showTip = function(content,element) {
	var offset = element.offset();
	$('<div id="tooltip"><div id="tooltip-content">' + content + '</div><div id="tooltip-top"></div><div id="tooltip-arrow"></div></div>').appendTo('body').hide();
	$('#tooltip').css({
		top: offset.top - (parseInt($('#tooltip').outerHeight())/2) + 11,
		left: offset.left - 210
	}).fadeIn(300);
};
$.fn.removeTip = function() {
	$('#tooltip').remove();
};