// JavaScript Document

var selected = 0;
var inHover = 0;
var currentButton = 1;
var autoScrollDelay = 6500;
jQuery(document).ready(function(){
	jQuery('.myhidden').css({'opacity':'0'});
	jQuery('div.secondMenu > div').hover(
		function(){
			inHover = 1;
			if(selected==0){
				showButton(jQuery(this));
			}
		},
		function(){
			inHover = 0;
			if(selected==0){
				jQuery(this).stop().animate({'opacity':'0'},300,'easeInQuad');
			}
		}
	);
	jQuery('div.secondMenu > div').click(
		function(){
			selected = jQuery(this).attr('id');
			showButton(jQuery(this));
			setTimeout('selected=0;', 20000);
			//return false;
		}
	);
	
	jQuery('#readMore').click(function(){
		if(jQuery('#readMoreContent').height()>0){
			jQuery('#readMoreContent').animate({'height':0},200);
			jQuery('#readMore').text('Read More ...');
		}else{
			jQuery('#readMoreContent').animate({'height':jQuery('#readMoreContent>div').height()+20},200);
			jQuery('#readMore').text('Read Less ...');
		}
		return false;
	});
	autoScroll();
});

function autoScroll(){
	if(selected == 0 && inHover == 0){
		showButton(jQuery('#button'+currentButton));
		currentButton ++;
		if(currentButton>4) currentButton=1;
	}
	setTimeout('autoScroll();', autoScrollDelay);
}

function showButton(button){
	button.stop().animate({'opacity':'1'},300);
	number = button.attr('id').replace('button','')-1;
	jQuery('div.scrollWrapper').stop().animate({'left': -1*number*960+'px'},800,'easeOutExpo',function(){
	});
	jQuery('div.secondMenu').children('div:not(#' + button.attr('id') + ')').stop().animate({'opacity':'0'},300);
}