var ie6 = false;
var ie7 = false;
var ie8 = false;

$(document).ready(function() {
	if(typeof home_items == 'object') {
		home_items.setup();
	}
	
	if(typeof local_nav == 'object') {
		local_nav.setup();
	}	
});


var home_items = {
    container: null,
    items: null,
    menu_ul: null,
	last_item: null,
    autoplay: true,
	timeout: null,
	delay: 4000, //ms
	
    setup: function() {

		this.container = $('#featued-items');
		if(this.container.length == 0) return;

		$(this.container).addClass('has-js');
		this.items = $('.item', this.container);

		if(this.items.length < 2) return;

		this.menu_el = document.createElement('ul');
		$(this.menu_el).addClass('nav');

		this.items.map(function(i, el){
			$(home_items.menu_el).append('<li><a href="#">' + (i+1) + '</a></li>');
		})
		
		$(this.items[0]).addClass('active');
		$(this.container).append(this.menu_el);
		
		$($('li', this.menu_el)[0]).addClass('selected');
		$($('li', this.menu_el)[0]).addClass('first-child');
	
		$('li', this.menu_el).bind('click', function(event) {
			event.preventDefault();
			if($(event.currentTarget).hasClass('selected')) return;
			var current_index = $('li', home_items.menu_el).index(event.currentTarget);
			home_items.showItem(current_index);
			home_items.autoplay = false;
			clearTimeout(home_items.timeout);
		});
		
		$(this.container).bind('mouseover', function(event) {
			home_items.autoplay = false;
			clearTimeout(home_items.timeout);
		});		
		
		this.timeout = setTimeout(function(){ home_items.queItem(); }, this.delay);
    },
	
	showItem: function(item_index) {
			
			if($(this.container).hasClass('animating')) return;
			$(this.container).addClass('animating');


			var last_active = $('div.active', home_items.container);
			var new_slide = home_items.items[item_index];

			$('li', home_items.container).removeClass('selected');
			$($('li', this.menu_el)[item_index]).addClass('selected');


		if(false && (ie6 || ie7 || ie8)) {
			$(last_active).removeClass('active');
			$(new_slide).addClass('active');
		} else {
            $(new_slide).removeClass('ie-slideshow-end');
			$(last_active).animate({
			opacity: 0.0
			  }, 500, function() {
                $(last_active).removeClass('active');
			});			

			$(new_slide).addClass('active');
			$(new_slide).css({'opacity':'0'});
			$(new_slide).animate({
			opacity: 1.0
			  }, 500, function() {
                $(new_slide).addClass('ie-slideshow-end');
				$(home_items.container).removeClass('animating');
			// Animation complete.
			});
		}
				

	},

	

	queItem: function() {
		
		if(this.autoplay == false) return;

		var next_index = this.last_item + 1;
		if(next_index == this.items.length) {
			next_index = 0;
		}
		
		this.showItem(next_index);
		
		this.last_item = next_index;
		setTimeout(function(){ home_items.queItem(); }, this.delay);
    }
}

var local_nav = {
	container: null,
	
	setup: function() {
		this.container = $('#local-nav');
		if(this.container.length == 0) return;
		
		var lis = $('li', this.container);
		$(lis[lis.length-1]).addClass('last-row');
		if(lis.length % 2 == 0) {
			$(lis[lis.length-2]).addClass('last-row');
		}
		
	}
}