// JavaScript Document
var browser = "";
function setBrowser(b) {
	browser = b;
}

function getBroswer() {
	return browser;
}
$(document).ready(function() {
	// ------------------------ browser check	------------------------------- //
	jQuery.each(jQuery.browser, function(i, val) {
		if((i == "msie") && (val)) {
			setBrowser("IE");
			return false;
		} else if ((i == "mozilla") && (val)) {
			setBrowser("FF");
			return false;
		} else {
			setBrowser("OTHER");
		}
	});
	//alert("Browser: " + browser);
	// ---------------------- END browser check	----------------------------- //
	$("#online").hover(function() { //On hover...
		var b = getBroswer();
		var mt = "";
		if(b == "IE") {
			mt = "-46px";
		} else {
			mt = "-39px";
		}
		
		$("#pageflip-online img").stop()
			.animate({ //Animate and expand the image and the msg_block (Width + height)
				marginTop: mt,
				height: '53px',
				width: '120px',
				marginRight: '-1px'
			}, 150);
		} , function() {
		$("#pageflip-online img").stop() //On hover out, go back to original size 50x52
			.animate({
				width: '0px',
				height: '0px',
				marginTop: '0px',
				marginRight: '0px'
			}, 100);
	});	
	$("#prospective").hover(function() { //On hover...
		var b = getBroswer();
		var mt = "";
		if(b == "IE") {
			mt = "-45px";
		} else {
			mt = "-38px";
		}
		
		$("#pageflip-pro img").stop()
			.animate({ //Animate and expand the image and the msg_block (Width + height)
				marginTop: mt,
				height: '53px',
				width: '120px',
				marginRight: '-1px'
			}, 150);
		} , function() {
		$("#pageflip-pro img").stop() //On hover out, go back to original size 50x52
			.animate({
				width: '0px',
				height: '0px',
				marginTop: '0px',
				marginRight: '0px'
			}, 100);
	});
});