$(document).ready(
		function() {
			var fotos = new Array('fotos/img_3141.jpg',
					'fotos/img_3437.jpg', 'fotos/img_42601.jpg',
					'fotos/img_45351.jpg', 'fotos/img_4708.jpg',
					'fotos/img_50721.jpg', 'fotos/img_5204.jpg',
					'fotos/img_529211.jpg', 'fotos/img_5801.jpg',
					'fotos/img_6079.jpg', 'fotos/img_6612-1.jpg',
					'fotos/img_70193.jpg', 'fotos/img_7181.jpg',
					'fotos/img_9043.jpg', 'fotos/img_6156.jpg',
					'fotos/img_3710.jpg');
			fotos.sort(function() {
				return 0.5 - Math.random();
			});
			var html = '';
			$(fotos).each(
					function() {
						var min = -45;
						var max = 45;
						var rand = Math.floor(Math.random() * (max - min + 1))
								+ min;
						var style = "style=\"width:100px; "
								+ ""
								+ "margin:0px; " + "position:relative;	"
								+ "-moz-transform: rotate(" + rand + "deg);"
								+ "-webkit-transform: rotate(" + rand + "deg);"
								+ "-o-transform: rotate(" + rand + "deg);"
								+ "transform: rotate(" + rand + "deg);"
								+ "-moz-box-shadow: 4px 4px 2px #054516;"
								+ "-webkit-box-shadow: 4px 4px 2px #054516;"
								+ "box-shadow: 4px 4px 2px #054516;" + "\"";
						html += "<a href=\"#\" onclick=\"showImg('" + this
								+ "', event);\"><img src=\"" + this + "\" " + style
								+ " /></a>";
					});
			$(".submenu0").addClass('widesubmenu');
			$(".submenu0").html(html);
		});

function fotos(obj) {
	$(".submenu0").show("fold");
	$(".submenu1").hide("fold");
	$(".submenu2").hide("fold");
	$(".submenu3").hide("fold");
	$(".submenu4").hide("fold");
	var top = $(obj).offset().top;
	var left = $(obj).offset().left;
	var ht = parseInt($(obj).css('height').replace("px", ""));
	$(".submenu0").css("left", left - 350);
	$(".submenu0").css("top", top + ht);
}

function aboutme(obj) {
	$(".submenu0").hide("fold");
	$(".submenu1").show("fold");
	$(".submenu2").hide("fold");
	$(".submenu3").hide("fold");
	$(".submenu4").hide("fold");
	var top = $(obj).offset().top;
	var left = $(obj).offset().left;
	var ht = parseInt($(obj).css('height').replace("px", ""));
	$(".submenu1").css("left", left - 15);
	$(".submenu1").css("top", top + ht);
}

function mylinks(obj) {
	$(".submenu0").hide("fold");
	$(".submenu1").hide("fold");
	$(".submenu2").show("fold");
	$(".submenu3").hide("fold");
	$(".submenu4").hide("fold");
	var top = $(obj).offset().top;
	var left = $(obj).offset().left;
	var ht = parseInt($(obj).css('height').replace("px", ""));
	$(".submenu2").css("left", left - 15);
	$(".submenu2").css("top", top + ht);
}

function contactme(obj) {
	$(".submenu0").hide("fold");
	$(".submenu1").hide("fold");
	$(".submenu2").hide("fold");
	$(".submenu3").show("fold");
	$(".submenu4").hide("fold");
	var top = $(obj).offset().top;
	var left = $(obj).offset().left;
	var ht = parseInt($(obj).css('height').replace("px", ""));
	$(".submenu3").css("left", left - 15);
	$(".submenu3").css("top", top + ht);
}

function tools(obj) {
	$(".submenu0").hide("fold");
	$(".submenu1").hide("fold");
	$(".submenu2").hide("fold");
	$(".submenu3").hide("fold");
	$(".submenu4").show("fold");
	var top = $(obj).offset().top;
	var left = $(obj).offset().left;
	var ht = parseInt($(obj).css('height').replace("px", ""));
	$(".submenu4").css("left", left - 15);
	$(".submenu4").css("top", top + ht);
}

function showImg(imgNameO, e) {
	var imgAr = imgNameO.split("/");
	var imgNameN = "large/" + imgAr[1];
	var h = $(document).height();
	var w = $(document).width();
	var hh = parseInt(h / 2);
	var hw = parseInt(w / 2);
	var heavyImage = new Image();
	heavyImage.src = imgNameN;
	var imgNH;
	var imgNW;
	var html = "<div " + "style='position:absolute; " + "top:"
			+ parseInt(hh - 100) + "px; " + "left:" + parseInt(hw - 200)
			+ "px; " + "height:40px; " + "width:250px; " + "text-align:center;"
			+ "display:block;" + "border:5px solid #E8E8E8;"
			+ ""
			+ ""
			+ "" + "padding:75px;"
			+ "background: #096522;"
			+ "' class='tmp_img_ph'>p u l l i n g . . .</div>";
	$('body').append(html);
	heavyImage.onload = function() {
		imgNH = heavyImage.height;
		imgNW = heavyImage.width;
		var startX = parseInt(hh - (imgNH / 2));
		var startY = parseInt(hw - (imgNW / 2));

		var html = "<div style='position:absolute; top:"
//				+ startX
				+ e.pageY
				+ "; left:"
//				+ startY
				+ e.pageX
				+ "; "
				+ parseInt(imgNH + 30)
				+ "; width: 1px"				
				+ "; text-align:center; display:block;' class='tmp_img'>"
				+ "<img src='"
				+ imgNameN
				+ "' style=' -moz-box-shadow: 10px 10px 5px #054516;"
				+ "-webkit-box-shadow: 10px 10px 5px #054516; box-shadow: 10px 10px 5px #054516;"
				+ "margin:0 auto; width:100%'/><br />"
				+ "<span "
				+ "class='close_btn' onclick='hideImg(\""+e.pageY+"\",\""+e.pageX+"\");'>X</span>"
				+ "</div>";
		$('body').append(html);
		$('.tmp_img_ph').fadeOut('slow', function() {
			$('.tmp_img_ph').remove();
			//$('.tmp_img').fadeIn('slow');
			$('.tmp_img').animate({
			    top: startX,
			    left: startY,
			    height: imgNH,
			    width: imgNW
			  }, 500, function(){
			  	$(".close_btn").css('display','block');
			  });
		});
	};
}

function hideImg(x,y) {

	$('.tmp_img').animate({
	    top: x,
	    left: y,
	    height: 1,
	    width: 1
	  }, 500, function(){
	  $('.tmp_img').remove();
	  });
}

$(window).load(function() {
	var len = document.location.href.length;
	if(len > 24) {
		window.location.href="http://www.ashwina.com";
	}
	fotos($('.menu3'));
});