$(document).ready(function(){/*Banner Behaviour*/

	function buttonsOnOff() {
			if($(".banner-menu a.banner-btn").hasClass("on") || $(".banner-content").hasClass("on") ) {
				$(".banner-content.on").css('display', 'block');
			}else{
				$(".banner-content").css('display', 'none');
			}
	}
	
	$(".banner-menu a.banner-btn").mouseover(function() {
		$(this).addClass('on');
		$(this).next("div").addClass('on');
		buttonsOnOff();
	  }).mouseout(function(){
		 $(this).removeClass('on');
		 $(this).next("div").removeClass('on');
		buttonsOnOff();
	});	

	$(".banner-menu .banner-content").mouseover(function() {
		$(this).addClass('on');
		$(this).prev().addClass('on');
		buttonsOnOff();
	  }).mouseout(function(){
		 $(this).removeClass('on');
		 $(this).prev().removeClass('on');
		buttonsOnOff();
	});	
	
});




$(document).ready(function(){ /*Random Banner Images*/
	
	bgImageTotal=4;
	randomNumber = Math.round(Math.random()*(bgImageTotal-1))+1;
	imgPath=('/aucc/images/banner/homeBanner'+randomNumber+'.jpg');
	$('#banner-wrapper').css('background-image', ('url("'+imgPath+'")'));
	
});

$(document).ready(function() {/*Tabs Behaviour*/
$('#tab-container').tabs();
	
});

$(document).ready(function() {

	//Select all anchor tag with rel set to tooltip
	$('a[rel=tooltip]').mouseover(function(e) {
		
		//Grab the title attribute's value and assign it to a variable
		var tip = $(this).attr('title');	
		
		//Remove the title attribute's to avoid the native tooltip from the browser
		$(this).attr('title','');
		
		//Append the tooltip template and its value
		$(this).append('<div id="tooltip"><div class="tipHeader"></div><div class="tipBody">' + tip + '</div><div class="tipFooter"></div></div>');		
				
		//Show the tooltip with faceIn effect
		$('#tooltip').fadeIn('500');
		$('#tooltip').fadeTo('10',0.9);
		
	}).mousemove(function(e) {
	
		//Keep changing the X and Y axis for the tooltip, thus, the tooltip move along with the mouse
		$('#tooltip').css('top', e.pageY + 10 );
		$('#tooltip').css('left', e.pageX + 20 );
		
	}).mouseout(function() {
	
		//Put back the title attribute's value
		$(this).attr('title',$('.tipBody').html());
	
		//Remove the appended tooltip template
		$(this).children('div#tooltip').remove();
		
	});

});

/*=======================
Main Menu
=======================*/
sfHover = function() {
	var sfEls = document.getElementById("nav-bar").getElementsByTagName("ul")[0].getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

/*=======================
Secondary Menu
=======================*/
svHover = function() {
	var svEls = document.getElementById("LeftMenuBar").getElementsByTagName("LI");
	for (var i=0; i<svEls.length; i++) {
		svEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		svEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", svHover);