function showBanner(Name, timer) {
	if ($('#banner .' + Name).css('display') != "block") {
		timersStop();
		$('#banner').children().fadeOut(timer);
		$('#banner .' + Name).fadeIn(timer);
		galleryImageFirst(Name);
		timersInit(Name);
	}
}

function galleryImageFirst(object) {
	galleryImageChange($('#banner .' + object + ' .images ul li:first-child'));
}

function galleryButtonsInit() {
	if ( $(gallery + ' .images ul').children().size() < 2 ) {
		$(gallery + ' .images ul li').hide();
	}
	$(gallery + ' .images ul').children().click(function(){
		timersStop();
		galleryImageChange($(this));		
	});
	keyNavigation();
}

function galleryImageChange(object) {
	object.siblings().removeClass('active');
	object.addClass('active');	
	
	var img = object.children().attr('src');
	var parent = object.parents(gallery);	
	var frame1 = parent.children().children('.img1');
	var frame2 = parent.children().children('.img2');
	frame2.html('<img src="' + img + '" />');
	
	//transition images
	frame2.stop().fadeTo(500, 1)				// Fade Out
	frame1.stop().fadeTo(500, 1, function(){	// Fade In
		// switch images
		frame1.html('<img src="' + img + '" />');
		frame1.show();
		frame2.hide();
	});	
}

function timersInit(Name) {
	var imgs = $('#banner .' + Name + ' .images ul li').children().toArray();
	var count = imgs.length;
	var counter = 1;
	if (count > 1) {
		$('#banner').everyTime('3s', function(i) {
			counter = counter + 1;
			if (counter > count) {
				counter = 1;
			}
			object = $('#banner .' + Name + ' .images ul li:nth-child('+ counter +')')
			galleryImageChange(object);
		});
	}
}

function timersStop(){
	$('#banner').stopTime()
}

/*function homepageGridHoverIntentInit() {
	$('.homepage-grid').hoverIntent({
		over: function(){
			showBanner($(this).children().attr('class'), 500);
		},
		timeout: 500,
		interval: 500,
		out: function(){}
	})
}

function homepageGridClick() {
	$('.homepage-grid').live('click', function(){
		showBanner($(this).children().attr('class'), 500);
	})
}*/

function keyNavigation() {
	$(window).keyup(function(event){
		var item = $('#largeGallery .images ul li.active')
		if (event.keyCode == 37) { // Left Key
			// Move left
			timersStop();
			galleryImageChange(item.prev() );
			
		} else if (event.keyCode == 39) { // Right Key
			// Move Right
			timersStop();
			galleryImageChange(item.next() )
		}
	})
}