var today = new Date;

		var $j = jQuery.noConflict($);
		
		
		$j(document).ready(function () {
		// JS detection
			//$j('body').switchClass('noJS', 'JS');
			// Browser detection
			if ($j.browser.msie) {
				$j('body').addClass('msie');
				$j('body').addClass('msie' + $j.browser.version.charAt(0));
			} else if ($j.browser.mozilla) {
				$j('body').addClass('mozilla');
			} else if ($j.browser.webkit) {
				$j('body').addClass('webkit');
			} else if ($j.browser.opera) {
				$j('body').addClass('opera');
			}
		});
			
		$j(document).ready(function(){
			//Background color, mouseover and mouseout
			var colorOver = '#29013C';
			var colorOut = '#000000';

			//Padding, mouseover
			var padLeft = '0px';
			var padRight = '220px';

			//Default Padding
			var defpadLeft = $j('#menu li a').css('paddingLeft');
			var defpadRight = $j('#menu li a').css('paddingRight');
				
			//Animate the LI on mouse over, mouse out
			$j('#menu li').click(function () {	
				//Make LI clickable
				window.location = $j(this).find('a').attr('href');
				
			}).mouseover(function (){	
				//mouse over LI and look for A element for transition
				$j(this).find('a')
				.animate( { paddingLeft: padLeft, paddingRight: padRight}, { queue:false, duration:500 } )
				.animate( { backgroundColor: colorOver }, { queue:false, duration:700 });
			}).mouseout(function () {
				//mouse out LI and look for A element and discard the mouse over transition
				$j(this).find('a')
				.animate( { paddingLeft: defpadLeft, paddingRight: defpadRight}, { queue:false, duration:500 } )
				.animate( { backgroundColor: colorOut }, { queue:false, duration:700 });
			});	

			//Scroll the menu on mouse move above the #sidebar layer
			$j('#sidebar').mousemove(function(e) {

				//Sidebar Offset, Top value
				var s_top = parseInt($j('#sidebar').offset().top);		

				//Sidebar Offset, Bottom value
				var s_bottom = parseInt($j('#sidebar').height() + s_top);
	
				//Roughly calculate the height of the menu by multiply height of a single LI with the total of LIs
				//var mheight = parseInt(($j('#menu li').height()+20) * $j('#menu li').length-1);
				var mheight = parseInt(75 * $j('#menu li').length-1);
				
				//I used this coordinate and offset values for debuggin
				$j('#debugging_mouse_axis').html("X Axis : " + e.pageX + " | Y Axis " + e.pageY);
				$j('#debugging_status').html(Math.round(((s_top - e.pageY)/100) * mheight / 2));

				//Calculate the top value
				//Explanation: ([negative vertical value of mouse position in the sidebar]/[height of sidebar])*[height of all the LIs]
				var top_value = Math.round(( (s_top - e.pageY) / $j('#sidebar').height()) * mheight);

				$j('#menu').animate({top: top_value}, { queue:false, duration:2000});//Animate the #menu by changing the top value
			});
		});

		$j(document).ready(function(){		
			//Caption Sliding (Partially Hidden to Visible)
			$j('.boxgrid.caption').hover(function(){
				$j(".cover", this).stop().animate({top:'0px'},{queue:false,duration:160});
			}, function() {
				$j(".cover", this).stop().animate({top:'315px'},{queue:false,duration:160});
			});
		});
		
		$j(document).ready(function(){
			$j.localScroll(
			{
				target: '#scrollWrap', // Could be a selector or a jQuery object too.
				hash: false,
				axis:'y',
				duration:750
			});
		});
		
		// $j(document).ready(function(){
			// $j.preloadCssImages();
		// });