$(document).ready(function() {
	$('#depart_info').supersleight();
	$('#img_logo').supersleight();
	$('#logo_vpul').supersleight();
	$('#logo_penn').supersleight();
	<!--$('#div_body').dropShadow({left: 0, top: 0, opacity: 0.7, blur: 1});-->

	var res = screen.width+"x"+screen.height;
	<!--$("#body").css("background-image","url(/images/bg"+res+".jpg)");-->
	
	$(".top_nav").hover(function() {
		$(this).css("color","black");
		$(this).css("background","white");
		$(this).css("cursor","pointer");
	},
	function() {
		$(this).css("color","white");
		$(this).css("background","transparent");
		$(this).css("cursor","pointer");
	});
	
	$(".sidepic").mouseout(
		function() {
			$("#div_body").css("z-index","1005");
			$("#sidepic4").css("z-index","3");
			$("#sidepic3").css("z-index","2");
			$("#sidepic2").css("z-index","1");
			$("#sidepic1").css("z-index","0");
		}
	);
	
	$("#sidepic1").hover(
		function() {
			$(this).css({
				"background-position" : "0px -161px",
				"height" : "129px",
				"top" : "140px"
			});
			var img_pos = $(this).offset();
			var img_pos_top = Math.round(img_pos.top);
			var img_pos_left = Math.round(img_pos.left);
			$(this).css("z-index","1000");
			$("#div_body").css("z-index","10");
		},
		function() {
			$(this).css({
				"background-position" : "0px 0px",
				"height" : "158px",
				"top" : "125px",
				"z-index" : "0"
			});
			$("#sidepic4").css("z-index","3");
			$("#sidepic3").css("z-index","2");
			$("#sidepic2").css("z-index","1");
			$("#sidepic1").css("z-index","0");
		}
	);
	$("#sidepic1").click(
		function() {
			sidePicLoader("events");
		}
	);
	
	$("#sidepic2").hover(
		function() {
			$(this).css({
				"background-position" : "0px -172px",
				"height" : "129px",
				"top" : "240px"
			});
			var img_pos = $(this).offset();
			var img_pos_top = Math.round(img_pos.top);
			var img_pos_left = Math.round(img_pos.left);
			$(this).css("z-index","1000");
			$("#div_body").css("z-index","10");
		},
		function() {
			$(this).css({
				"background-position" : "0px 0px",
				"height" : "172px",
				"top" : "225px",
				"z-index" : "0"
			});
			$("#sidepic4").css("z-index","3");
			$("#sidepic3").css("z-index","2");
			$("#sidepic2").css("z-index","1");
			$("#sidepic1").css("z-index","0");
		}
	);
	$("#sidepic2").click(
		function() {
			sidePicLoader("ulife_news");
		}
	);
	
	$("#sidepic3").hover(
		function() {
			$(this).css({
				"background-position" : "0px -157px",
				"height" : "129px",
				"top" : "340px"
			});
			var img_pos = $(this).offset();
			var img_pos_top = Math.round(img_pos.top);
			var img_pos_left = Math.round(img_pos.left);
			$(this).css("z-index","1000");
			$("#div_body").css("z-index","10");
		},
		function() {
			$(this).css({
				"background-position" : "0px 0px",
				"height" : "157px",
				"top" : "329px",
				"z-index" : "0"
			});
			$("#sidepic4").css("z-index","3");
			$("#sidepic3").css("z-index","2");
			$("#sidepic2").css("z-index","1");
			$("#sidepic1").css("z-index","0");
		}
	);
	$("#sidepic3").click(
		function() {
			sidePicLoader("links");
		}
	);
	
	$("#sidepic4").hover(
		function() {
			$(this).css({
				"background-position" : "0px -180px",
				"height" : "129px",
				"top" : "450px"
			});
			var img_pos = $(this).offset();
			var img_pos_top = Math.round(img_pos.top);
			var img_pos_left = Math.round(img_pos.left);
			$(this).css("z-index","1000");
			$("#div_body").css("z-index","10");
		},
		function() {
			$(this).css({
				"background-position" : "0px 0px",
				"height" : "172px",
				"top" : "405px",
				"z-index" : "0"
			});
			$("#sidepic4").css("z-index","3");
			$("#sidepic3").css("z-index","2");
			$("#sidepic2").css("z-index","1");
			$("#sidepic1").css("z-index","0");
		}
	);
	$("#sidepic4").click(
		function() {
			sidePicLoader("about_ulife");
		}
	);
	
});