ci.mainSlideShow = {
	slideshow:null,
	indicator:null,
	interval:null,
	size:0,
	index:0,
	slideDelay:10000,
	effectDuration:2000,
	
	init:function(){
		var x = ci.mainSlideShow;
		x.slideshow = $('#slideshow');
		x.size = x.slideshow.children('li').length;
		x.indicator = $('#indicator').find('.squares');
		x.createIndicator();
		x.loaded();
	},
	loaded:function(){
		var x = ci.mainSlideShow;
		$(window).load(function(){
			x.slideshow.children('li:eq('+x.index+')').fadeIn(x.effectDuration, x.startInterval);
		});
	},
	startInterval:function(){
		var x = ci.mainSlideShow;
		x.interval = setInterval(x.run, x.slideDelay+x.effectDuration);
	},
	next:function(){
		var x = ci.mainSlideShow;
		if(++x.index == x.size) x.index = 0;
		x.runIndicator();
	},
	run:function(){
		var x = ci.mainSlideShow;
		x.unbindClick();
		x.slideshow.children('li').fadeOut(x.effectDuration);
		x.next();
		x.slideshow.children('li:eq('+x.index+')').stop().fadeIn(x.effectDuration, x.bindClick);
	},
	createIndicator:function(){
		var x = ci.mainSlideShow;
		for(var i=0; i < x.size; i++){
			var li = $('<li />').appendTo(x.indicator);
			if(i==0) li.addClass('active');
		}
		x.bindClick();
	},
	runIndicator:function(){
		var x = ci.mainSlideShow;
		x.indicator.children('li').removeClass('active');
		x.indicator.children('li:eq('+x.index+')').addClass('active');
	},
	unbindClick:function(){
		var x = ci.mainSlideShow;
		x.indicator.children('li').unbind('click.mainSlideShow');
	},
	bindClick:function(){
		var x = ci.mainSlideShow;
		x.indicator.children('li').bind('click.mainSlideShow', x.clickIndicator);
	},
	clickIndicator:function(){
		var x = ci.mainSlideShow;
			clearInterval(x.interval);
			x.index = $(this).index()-1;
			if(x.index < 0) x.index = x.size-1;
			x.run();
			x.startInterval();
	}
}
