/* ---- load ---- */
var $i = 0;
var $gallery = ['+=550','+=400','+=480','+=520'];

/* ---- document ready ---- */
$(document).ready( function() {	
	loadGallery();
	ignite();
	pad();
	gallery();
})

function loadGallery() {
	resetClasses();	
	var $time = setInterval("animateGallery()",5000)
}

function animateGallery() {
	$('.banner').find('.thumb').animate({right: '+=400px'}, {queue: false, duration: 500, complete: function() { 
		$i++;			
		if ($i >= $gallery.length) { $i = 0; resetClasses(); }		
		else { assignClasses(); }			

	}});
	$('.banner').find('.active').delay(70).animate({right: $gallery[$i]}, {queue: false, duration: 300});
	$('.banner').find('.next').delay(90).animate({right: '+=506px'}, {queue: false, duration: 300 });
}

function assignClasses() {
	$('.banner').find('.thumb').removeClass('thumb');
	$('.banner').find('.active').removeClass('active').addClass('thumb').css({zIndex: '1'});
	$('.banner').find('.next').removeClass('next').addClass('active').css({zIndex: '100'});
	if ($('.banner').find('.active').parent().next('li').find('img').length > 0) {
		$('.banner').find('.active').parent().next('li').find('img').addClass('next').css({right: '-556px', zIndex: '200'});		
	}
	else { $('.banner li:first-child').find('img').addClass('next').css({right: '-556px', zIndex: '200'}); }

}
function resetClasses() {
	$('.banner').find('.thumb').removeClass('thumb');
	$('.banner').find('.active').removeClass('active');
	$('.banner').find('.next').removeClass('next');		
	$('.banner li:first-child').find('img').addClass('thumb');
	$('.banner').find('.thumb').parent().next().find('img').addClass('active');
	$('.banner').find('.active').parent().next().find('img').addClass('next');		
	$('.banner').find('.active').css({right: '-50px', zIndex: '100'});	
	$('.banner').find('.thumb').css({zIndex: '1'});
	$('.banner').find('.next').css({right: '-556px', zIndex: '200'});			
}


function gallery(url) {
	$('.image-win').click(function(event) {
		var $url = $(this).attr('href');
		open_img($url);
		event.preventDefault();
	})
	
	function open_img(url) {
    	window.open(url,"Image","width=800,height=500,screenX=0,left=300,screenY=0,top=200,location=0,menubar=0");		
	}

}

// avoid flash of unstyled content - fadeIn page after CSS and JS have loaded //
function ignite() {
	$('body').css('visibility','visible').hide().fadeIn(200);	
}