var timer;
var gettingStartedHeight;
var aboutHeight;
var marketingHeight;
var contactHeight;

function mainmenu(){
	gettingStartedHeight = $j('#submenuGettingStarted').height();
	aboutHeight = $j('#submenuAboutYou').height();
	marketingHeight = $j('#submenuMarketingSupport').height();
	contactHeight = $j('#submenuContact').height();
	$j("#logoutNew").hover(function(){
		$j("#logoutNew").css({backgroundColor: "#d5d5d5"});
		},function(){
		$j("#logoutNew").css({backgroundColor: ""});
		});
	
	$j("#gettingStarted").hover(function(){
			$j("#gettingStarted").css({backgroundColor: "#d5d5d5"});
			timer = setTimeout('$j("#submenuGettingStarted").slideDown("400", gettingStartedCallback("down"))', 130);
			},function(){
			clearTimeout(timer);
			$j("#gettingStarted").css({backgroundColor: ""});
			$j("#submenuGettingStarted").slideUp("200", gettingStartedCallback('up'));
			});
	$j("#aboutYou").hover(function(){
			$j("#aboutYou").css({backgroundColor: "#d5d5d5"});
			timer = setTimeout('$j("#submenuAboutYou").slideDown("400", aboutYouCallback("down"))', 130);
			},function(){
			clearTimeout(timer);
			$j("#aboutYou").css({backgroundColor: ""});
			$j("#submenuAboutYou").slideUp("200", aboutYouCallback('up'));
			});
	$j("#marketingSupport").hover(function(){
			$j("#marketingSupport").css({backgroundColor: "#d5d5d5"});
			timer = setTimeout('$j("#submenuMarketingSupport").slideDown("400", marketing_supportNewCallback("down"))', 130);
			},function(){
			clearTimeout(timer);
			$j("#marketingSupport").css({backgroundColor: ""});
			$j("#submenuMarketingSupport").slideUp("200", marketing_supportNewCallback("up"));
			});
	$j("#contact").hover(function(){
			$j("#contact").css({backgroundColor: "#d5d5d5"});
			timer = setTimeout('$j("#submenuContact").slideDown("400", contactCallback("down"))', 130);
			},function(){
			clearTimeout(timer);
			$j("#contact").css({backgroundColor: ""});
			$j("#submenuContact").slideUp("200", contactCallback("up"));
			});
}

function gettingStartedCallback(action) {
	var obj = $j("#submenuGettingStarted");
	var height = $j("#submenuGettingStarted").height();
	if (action == 'down') {
		if (height < gettingStartedHeight) {
			obj.queue( function() {} );
			obj.height(gettingStartedHeight);
			obj.dequeue();
		}
	} else if (action == 'up') {
		obj.queue( function() {} );
		obj.dequeue();
	}
}
function aboutYouCallback(action) {
	var obj = $j("#submenuAboutYou");
	var height = $j("#submenuAboutYou").height();
	if (action == 'down') {
		if (height < aboutHeight) {
			obj.queue( function() {} );
			obj.height(aboutHeight);
			obj.dequeue();
		}
	} else if (action == 'up') {
		obj.queue( function() {} );
		obj.dequeue();
	}
}
function marketing_supportNewCallback(action) {
	var obj = $j("#submenuMarketingSupport");
	var height = $j("#submenuMarketingSupport").height();
	if (action == 'down') {
		if (height < marketingHeight) {
			obj.queue( function() {} );
			obj.height(marketingHeight);
			obj.dequeue();
		}
	} else if (action == 'up') {
		obj.queue( function() {} );
		obj.dequeue();
	}
}
function contactCallback(action) {
	var obj = $j("#submenuContact");
	var height = $j("#submenuContact").height();
	if (action == 'down') {
		if (height < contactHeight) {
			obj.queue( function() {} );
			obj.height(contactHeight);
			obj.dequeue();
		}
	} else if (action == 'up') {
		obj.queue( function() {} );
		obj.dequeue();
	}
}

$j(document).ready(function(){
	mainmenu();

	if (($j('#pageName').val() == 'student' || $j('#pageName').val() == 'course') && $j('#tutorSpeechText').length != 0) {
		var tutorSpeechText = $j('#tutorSpeechText').val();
		var i;
		var j = 0;
		
		var words = tutorSpeechText.split(' ');
		
		var str = [];
		
		for (i = 0; i < words.length; i++) {
			if (str[j] == undefined) {
				str[j] = new String('');
			}
			
			var word = words[i];
			
			if ((str[j].length + word.length) >= 35*3) {
				str[j] = str[j].substr(0, str[j].length-1);
				j++;
				str[j] = new String('');
			}
			
			str[j] += word + ' ';
		}
		
		str[j] = str[j].substr(0, str[j].length-1);
		
		for (i = 0; i < str.length; i++) {
			$j('body').append('<input type="hidden" id="tutorSpeechText' + (i+1) + '" value="' + str[i] + '">');
		}
		
		$j('body').append('<input type="hidden" id="colPageTutorSpeechText" value="' + str.length + '">');
		
		var back = $j('#tutorSpeechBack').attr('number');
		
		var next = $j('#tutorSpeechNext').attr('number');
		var page = next - back - 1;
	
		var tutorSpeechText = $j('#tutorSpeechText' + page).val();
		
		$j('#blockTutorSpeech').html(tutorSpeechText);
	}
});