//  Javascript
commons = {
	hover : function(options) {
		$(options.targets).hover(
		    function(){
		        $(this).addClass('hover');
		    }
		    ,
		    function(){
		        $(this).removeClass('hover');
		    }
		);
	},
	activate: function(options){
		$(options.targets).click(function(){
			$(this).siblings().removeClass('active');
			if(!$(this).hasClass('active')){
				$(this).addClass('active');
			}
			return false;
		});
	}
}

var timerId;
slides = {
	ini : function(){
		slides.featureSlide();
	},
	featureSlide : function(){

		$('#s1').click(function(){
			$('#main-features').css({'position':'relative'});
			$('#main-features #slide-cont').css({'position':'relative'});
			$('#main-features .slide').css({'position':'relative', 'visibility':'visible'});
			$('#slide1').css({'width':'677px', 'padding-right':'5px'});
			$('#slide1 a').css({'width':'677px'});
			$('#slide1 img').css({'width':'677px'});
			$('#slide2').css({'width':'677px', 'padding-right':'5px'});
			$('#slide2 a').css({'width':'677px'});
			$('#slide2 img').css({'width':'677px'});
								
			$('#slide-cont').stop().animate({'left' : '0px'},'200', 'linear',
				function(){
					$('#main-features').css({'position':''});
					$('#main-features #slide-cont').css({'position':''});
					$('#main-features .slide').css({'position':''});
				}
			).parent().stop();

			resetTimer(1);
		});
		$('#s2').click(function(){
			$('#main-features').css({'position':'relative'});
			$('#main-features #slide-cont').css({'position':'relative'});
			$('#main-features .slide').css({'position':'relative'});
			$('#slide1').css({'width':'677px', 'padding-right':'5px'});
			$('#slide1 a').css({'width':'677px'});
			$('#slide1 img').css({'width':'677px'});
			$('#slide2').css({'width':'677px', 'padding-right':'5px'});
			$('#slide2 a').css({'width':'677px'});
			$('#slide2 img').css({'width':'677px'});
								
			$('#slide-cont').animate({'left' : '-682px'},'200', 'linear',
				function(){
					$('#main-features').css({'position':''});
					$('#main-features #slide-cont').css({'position':''});
					$('#main-features .slide').css({'position':''});
					$('#slide1').css({'width':'0px', 'padding-right':'0px'});
					$('#slide1 a').css({'width':'0px'});
					$('#slide1 img').css({'width':'0px'});
				}
			).parent().stop();
			resetTimer(2);
		});

		$('#s3').click(function(){
			$('#main-features').css({'position':'relative'});
			$('#main-features #slide-cont').css({'position':'relative'});
			$('#main-features .slide').css({'position':'relative'});
			$('#slide1').css({'width':'677px', 'padding-right':'5px'});
			$('#slide1 a').css({'width':'677px'});
			$('#slide1 img').css({'width':'677px'});
			$('#slide2').css({'width':'677px', 'padding-right':'5px'});
			$('#slide2 a').css({'width':'677px'});
			$('#slide2 img').css({'width':'677px'});
									 
			$('#slide-cont').stop().animate({'left' : '-1364px'},'200', 'linear',
				function(){
					$('#main-features').css({'position':''});
					$('#main-features #slide-cont').css({'position':''});
					$('#main-features .slide').css('position','');
					$('#slide1').css({'width':'0px', 'padding-right':'0px'});
					$('#slide1 a').css({'width':'0px'});
					$('#slide1 img').css({'width':'0px'});
					$('#slide2').css({'width':'0px', 'padding-right':'0px'});
					$('#slide2 a').css({'width':'0px'});
					$('#slide2 img').css({'width':'0px'});
				}
			).parent().stop();
			resetTimer(3);
		});
	}	
	//$(this).css("background-color");
}


$(function(){
	
	var hoverOptions = { targets : '#main-nav ul > li'};

	var actOptions = { targets : '#main-features-tabs #main-features-tabs-ul > li' };	
	var activeOptions = { targets : '#main-features-tabs #main-features-tabs-ul > li' };

	commons.hover(hoverOptions);
	commons.activate(actOptions);

	slides.ini();
	
	
});

$(document).ready(function(){
    
   // $("#main-nav li li li:even").addClass("alt");

});

function resetTimer(currentTab) {
	window.clearInterval(timerId);

	var i = currentTab;
	timerId = window.setInterval(function() {
		if (++i > 3) i = 1;
		$('#s' + i).click();
	}, 6000);	
}

$("#slide").ready(function() {resetTimer(1);} );