$(document).ready(function(){
	
	// *BEGIN* TOP NAVIGATTION //
	// set opacity to nill on page load
	$("ul#menu span").css("opacity","0");
	// on mouse over
	$("ul#menu span").hover(function () {
		// animate opacity to full
		$(this).stop().animate({
			opacity: 1
		}, 'slow');
	},
	// on mouse out
	function () {
		// animate opacity to nill
		$(this).stop().animate({
			opacity: 0
		}, 'slow');
	});
	// *END* TOP NAVIGATTION //
	
	
	
	// PROOFS CHANGE BUTTON //
	$("form#ProofAddtocartForm input#change").click(function() {
		// document.forms[0].OrderChange.value = "1";
		$("form#ProofAddtocartForm").attr("action","/proofs/changeproof");
		$("form#ProofAddtocartForm").trigger("submit");
		return false;
	});
	
	
	
	// SHOPPING CART UPDATE TOTALS BUTTON //
	$("form a#updateTotals").click(function() {
		// alert("hey dude"); 
		$(this).parents().filter("form").attr("action", "/shoppingcarts/view");
		$(this).parents().filter("form").trigger("submit");
		return false;
	});
	// SHOPPING CART UPDATE TOTALS BUTTON //
	
	
	// *BEGIN* LEFT NAVIGATTION //
	$("a.navHome").mouseover(function(){ 
		$("div.divHome:visible").slideUp("slow"); 
		$("div.divHome:hidden").slideDown("slow"); 
	});
	
	$("a.navProducts").mouseover(function(){ 
		$("div.divProducts:visible").slideUp("slow"); 
		$("div.divProducts:hidden").slideDown("slow"); 
	});
	
	$("a.navMember").mouseover(function(){ 
		$("div.divMember:visible").slideUp("slow"); 
		$("div.divMember:hidden").slideDown("slow"); 
	});
	
	$("a.navContact").mouseover(function(){ 
		$("div.divContact:visible").slideUp("slow"); 
		$("div.divContact:hidden").slideDown("slow"); 
	});
	
	$("a.navPortfolio").mouseover(function(){ 
		$("div.divPortfolio:visible").slideUp("slow"); 
		$("div.divPortfolio:hidden").slideDown("slow"); 
	});
	// *END* LEFT NAVIGATTION //
	
	
	
	// *BEGIN* MEMBER NAVIGATTION //
	$("a.showAddress").hover(function() {
		$("div.addressitem:hidden").slideDown("fast");
	  }, function() {
		$("div.addressitem:visible").slideUp("fast");
	  });
	
	$("a.showQuestionnaire").hover(function() {
		$("div.questionnaireitem:hidden").slideDown("fast");
	  }, function() {
		$("div.questionnaireitem:visible").slideUp("fast");
	  });
	
	$("a.showReminder").hover(function() {
		$("div.reminderitem:hidden").slideDown("fast");
	  }, function() {
		$("div.reminderitem:visible").slideUp("fast");
	  });
	
	$("a.showPhoto").hover(function() {
		$("div.photoitem:hidden").slideDown("fast");
	  }, function() {
		$("div.photoitem:visible").slideUp("fast");
	  });
	
	$("a.showOrder").hover(function() {
		$("div.orderitem:hidden").slideDown("fast");
	  }, function() {
		$("div.orderitem:visible").slideUp("fast");
	  });
	// *END* MEMBER NAVIGATTION //
	
	
	
	// *BEGIN* MEMBER JOIN BUTTON //
	// simple rollover
	$("img#join").hover(function() {
		$(this).attr("src", "/img/join_2.png");
	  }, function() {
		$(this).attr("src", "/img/join.png");
	  });
	// *END* MEMBER JOIN BUTTON //
	
	// *BEGIN* MEMBER LOGIN BUTTON //
	// simple rollover
	$("img#login").hover(function() {
		$(this).attr("src", "/img/login_2.png");
	  }, function() {
		$(this).attr("src", "/img/login.png");
	  });
	// *END* MEMBER LOGIN BUTTON //
	
	// *BEGIN* CONTINUE SHOPPING BUTTON //
	// simple rollover
	$("img#shopping").hover(function() {
		$(this).attr("src", "/img/continue_shopping_2.jpeg");
	  }, function() {
		$(this).attr("src", "/img/continue_shopping.jpeg");
	  });
	// *END* CONTINUE SHOPPING BUTTON //
	
	// *BEGIN* MY ACCOUNT BUTTON //
	// simple rollover
	$("img#myaccount").hover(function() {
		$(this).attr("src", "/img/my_account_2.jpeg");
	  }, function() {
		$(this).attr("src", "/img/my_account.jpeg");
	  });
	// *END* MY ACCOUNT BUTTON //
	
	
	
	// *BEGIN* THUMBNAIL OVERLAY //
	//overlay on hover
	$(".thumbnail").hover(
		function () {
			$(this).prev('img').css("display","inline");
		}, 
		function () {
			$(this).prev('img').css("display","none");
		}
	);
	$(".overlay").hover(
		function() {
			$(this).css("display","inline");
		},
		function() {
			$(this).css("display","none");
		}
	);	
	// *END* THUMBNAIL OVERLAY //
	
	
	
	// *BEGIN* DATE PICKER //
	$('.datePicker').datepicker({ dateFormat: 'yy-mm-dd' });
	// *END* DATE PICKER //
	
	
	
	// *BEGIN* PHOTO ROLLOVER //
	$(".myphotothumbnail").hover(
		function () {
			
			
			var OFFSETTOP = $(this).attr("offsetTop");
			var OFFSETLEFT = $(this).attr("offsetLeft");
			
			// the REAL image width
			var IMAGEWIDTH = $(this).prev('img').css("width");
			
			// thumbnail width
			var THUMBWIDTH = $(this).css("width");
			
			// strip off px from the end of the css width property
			IMAGEWIDTH = parseInt(IMAGEWIDTH.substr(0,IMAGEWIDTH.length-2));
			THUMBWIDTH = parseInt(THUMBWIDTH.substr(0,THUMBWIDTH.length-2));
			
			
			var NATURALHEIGHT = $(this).prev('img').attr("naturalHeight");
			var NATURALWIDTH = $(this).prev('img').attr("naturalWidth");
			
			// calculate the proportianal height based on the width set in the html
			IMAGEHEIGHT = (((IMAGEWIDTH-NATURALWIDTH)/NATURALWIDTH)*NATURALHEIGHT+NATURALHEIGHT);
			IMAGEHEIGHT = Math.round(IMAGEHEIGHT);
			
			var TOPVAL = OFFSETTOP - IMAGEHEIGHT;
			
			var RIGHTVAL = OFFSETLEFT - IMAGEWIDTH + THUMBWIDTH;
			
			// alert("IMAGEWIDTH: " + IMAGEWIDTH);
			// alert("NATURALWIDTH: " + NATURALWIDTH);
			// alert("NATURALHEIGHT: " + NATURALHEIGHT);
			// alert("OFFSETLEFT: " + OFFSETLEFT);
			// alert("OFFSETTOP: " + OFFSETTOP);
			
			// alert("IMAGEWIDTH: " + IMAGEWIDTH);
			// alert("THUMBWIDTH: " + THUMBWIDTH);
			
			// alert("TOPVAL: " + TOPVAL);
			// alert("RIGHTVAL: " + RIGHTVAL);
			// alert("RIGHTVAL2: " + RIGHTVAL2);
			
			// alert(IMAGEHEIGHT);
			// alert(RIGHTVAL);
			
			RIGHTVAL = RIGHTVAL + "px";
			TOPVAL = TOPVAL + "px";
			
			$(this).prev('img').css("left", RIGHTVAL);
			$(this).prev('img').css("top", TOPVAL);
			$(this).prev('img').css("display","inline");
		}, 
		function () {
			$(this).prev('img').css("display","none");
		}
	);
	$(".myphotooverlay").hover(
		function() {
			$(this).css("display","inline");
		},
		function() {
			$(this).css("display","none");
		}
	);
	// *END* PHOTO ROLLOVER //
	
	// *BEGIN* HEADER IMAGE SLIDESHOW //
	$('#headerSlideshow').cycle({ 
		fx:     'fade', 
		speed:  1000, 
		timeout: 6000, 
		random:   1
	});
	// *END* HEADER IMAGE SLIDESHOW //
	
	
	// $(".myphotothumbnail").click(
	// 	function () {
	// 	
	// 	var IMAGE = $(this).attr("src");
	// 	var IMAGETAG = "<img src='"+IMAGE+"' />";
	// 	// alert("IMAGETAG: " + IMAGETAG);
	// 	$("#dialogdiv").html(IMAGETAG);
	// 	// $("#dialogdiv").html("<span>HELLO</span>");
	// 	// alert("IMAGE: " + IMAGE);
	// 	
	// 	$("#dialogdiv").dialog({ 
	// 		modal: true, 
	// 		close: closemodal(this),
	// 		overlay: { 
	// 			opacity: 0.5, 
	// 			background: "black"
	// 		} 
	// 	});
	// });
	
});

// function closemodal (el) {
// 	el.close();
// }