$(document).ready(function(){
	$("#quickSearch").hide();

	$(".imageThumb").hoverIntent(showPreviewer,hidePreviewer);
	$(".objThumbLI").hoverIntent(showPreviewer,hidePreviewer);
	function showPreviewer() {
		var divID = $(this).attr("id");
		var accessNo = $(this).attr("rel");
		$(this).parent().parent().prepend("<div id=\"woaIndexPreviewHover\" class=\"objThumb\"></div>");
		ajaxpage('/toah/content/ho/preview/ho_'+accessNo+'.htm', 'woaIndexPreviewHover');
		$("#woaIndexPreviewHover").fadeIn(100);
	}
	function hidePreviewer() {
		var divID = $(this).attr("id");
		$("#woaIndexPreviewHover").fadeOut(100);
		$("#woaIndexPreviewHover").remove();
	}

	$(".sendToFriendURL").click(function(){
		var finalString = "";
		var multipleQuery = "";
		if($("#advancedSearch #searchTime :selected").attr("value")!=""){
			if (multipleQuery == "Yes"){
				finalString = finalString+"&timePeriod="+$("#advancedSearch #searchTime :selected").attr("value");
			} else {
				finalString = finalString+"?timePeriod="+$("#advancedSearch #searchTime :selected").attr("value");
			}
			multipleQuery = "Yes";
		}
		if($("#advancedSearch #searchGeo :selected").attr("value")!=""){
			if (multipleQuery == "Yes"){
				finalString = finalString+"&region="+$("#advancedSearch #searchGeo :selected").attr("value");
			} else {
				finalString = finalString+"?region="+$("#advancedSearch #searchGeo :selected").attr("value");
			}
			multipleQuery = "Yes";
		}
		if($("#advancedSearch #searchThem :selected").attr("value")!=""){
			if (multipleQuery == "Yes"){
				finalString = finalString+"&Theme="+$("#advancedSearch #searchThem :selected").attr("value");
			} else {
				finalString = finalString+"?Theme="+$("#advancedSearch #searchThem :selected").attr("value");
			}
			multipleQuery = "Yes";
		}
		if($("#advancedSearch #departmentList :selected").attr("value")!=""){
			if (multipleQuery == "Yes"){
				finalString = finalString+"&department="+$("#departmentList :selected").attr("value");
			} else {
				finalString = finalString+"?department="+$("#departmentList :selected").attr("value");
			}
			multipleQuery = "Yes";
		}
		if($("#advancedSearch #searchSubTime :selected").attr("value")!="" && $("#advancedSearch #searchSubTime :selected").attr("value")!=undefined){
			if (multipleQuery == "Yes"){
				finalString = finalString+"&subTimePeriod="+$("#searchSubTime :selected").attr("value");
			} else {
				finalString = finalString+"?subTimePeriod="+$("#searchSubTime :selected").attr("value");
			}
			multipleQuery = "Yes";
		}
		if($("#advancedSearch #searchSubRegion :selected").attr("value")!="" && $("#advancedSearch #searchSubRegion :selected").attr("value")!=undefined){
			if (multipleQuery == "Yes"){
				finalString = finalString+"&subRegion="+$("#searchSubRegion :selected").attr("value");
			} else {
				finalString = finalString+"?subRegion="+$("#searchSubRegion :selected").attr("value");
			}
			multipleQuery = "Yes";
		}
		
		if($("#advancedSearch #titleInput").attr("value")!=""){
			if (multipleQuery == "Yes"){
				finalString = finalString+"&Title="+$("#titleInput").attr("value");
			} else {
				finalString = finalString+"?Title="+$("#titleInput").attr("value");
			}
			multipleQuery = "Yes";
		}
		if($("#advancedSearch #artistInput").attr("value")!=""){
			if (multipleQuery == "Yes"){
				finalString = finalString+"&Artist="+$("#artistInput").attr("value").replace("-","__");
			} else {
				finalString = finalString+"?Artist="+$("#artistInput").attr("value").replace("-","__");
			}
			multipleQuery = "Yes";
		}
		if($("#advancedSearch #materialTechnique").attr("value")!=""){
			if (multipleQuery == "Yes"){
				finalString = finalString+"&Material="+$("#materialTechnique").attr("value");
			} else {
				finalString = finalString+"?Material="+$("#materialTechnique").attr("value");
			}
			multipleQuery = "Yes";
		}
		if($("#advancedSearch #creditLine").attr("value")!=""){
			if (multipleQuery == "Yes"){
				finalString = finalString+"&CreditLine="+$("#creditLine").attr("value");
			} else {
				finalString = finalString+"?CreditLine="+$("#creditLine").attr("value");
			}
			multipleQuery = "Yes";
		}
		if($("#advancedSearch #accNoInput").attr("value")!=""){
			if (multipleQuery == "Yes"){
				finalString = finalString+"&AccNo="+$("#accNoInput").attr("value");
			} else {
				finalString = finalString+"?AccNo="+$("#accNoInput").attr("value");
			}
			multipleQuery = "Yes";
		}
		if($("#pageSize :selected").attr("value")!="30"){
			if (multipleQuery == "Yes"){
				finalString = finalString+"&num="+$("#pageSize :selected").attr("value");
			} else {
				finalString = finalString+"?num="+$("#pageSize :selected").attr("value");
			}
			multipleQuery = "Yes";
		}
		
		//alert("Your permanent URL is: "+finalString);
		finalString = "http://www.metmuseum.org/toah/works-of-art/"+finalString;
		$("#fullURL").val(finalString);
		$("#hiddenURL").val(finalString);
		$("#copyURLtoClipboard").attr("rel",finalString);
		$("#urlSendArea").dialog('open');
	})
		$("#urlSendArea").dialog({ autoOpen: false, title:'Share Results', modal:true, width:'400px' });

	$("#fullURL").click(function(){
		// Select input field contents
		this.select();
	});
		
	$("#copyURLtoClipboard").click(function(){
		var finalURL = $(this).attr("rel");
		//alert(finalURL);
		$.copy(finalURL);
		//$("input#fullURL").copy();
	})
	
	/*$("#buttonAdvanced").click(function(){
		$("#quickSearch").hide();
		$("#advancedSearch").show();
		$("#buttonQuick").removeClass("activeButton");
		$("#buttonAdvanced").addClass("activeButton");
		$("#quickSearchInput").val("");
	})
	$("#buttonQuick").click(function(){
		$("#advancedSearch").hide();
		$("#quickSearch").show();
		$("#buttonAdvanced").removeClass("activeButton");
		$("#buttonQuick").addClass("activeButton");
	})
	if(
		$("#advancedSearch #searchTime :selected").attr("value")!="" || 
		$("#advancedSearch #searchGeo :selected").attr("value")!="" || 
		$("#advancedSearch #departmentList :selected").attr("value")!="" || 
		($("#advancedSearch #searchSubTime :selected").attr("value")!="" && $("#advancedSearch #searchSubTime :selected").attr("value")!=undefined) || 
		($("#advancedSearch #searchSubRegion :selected").attr("value")!="" && $("#advancedSearch #searchSubRegion :selected").attr("value")!=undefined) || 
		$("#advancedSearch #searchThem :selected").attr("value")!="" || 
		$("#advancedSearch #titleInput").attr("value")!="" || 
		$("#advancedSearch #artistInput").attr("value")!="" || 
		$("#advancedSearch #materialTechnique").attr("value")!="" || 
		$("#advancedSearch #creditLine").attr("value")!="" || 
		$("#advancedSearch #accNoInput").attr("value")!=""
	) {
		$("#quickSearch").hide();
		$("#advancedSearch").show();
		$("#buttonQuick").removeClass("activeButton");
		$("#buttonAdvanced").addClass("activeButton");
		$("#quickSearchInput").val("");
	} else {
		$("#advancedSearch").hide();
		$("#quickSearch").show();
		$("#buttonAdvanced").removeClass("activeButton");
		$("#buttonQuick").addClass("activeButton");
	}
	*/
})


$(function() {
  $('.error').hide();
  $('input.text-input').css({backgroundColor:"#FFFFFF"});
  $('input.text-input').focus(function(){
    $(this).css({backgroundColor:"#e6e6e6"});
  });
  $('input.text-input').blur(function(){
    $(this).css({backgroundColor:"#FFFFFF"});
  });

  $(".button").click(function() {
		// validate and process form
		// first hide any error messages
    $('.error').hide();
		
	var senderName = $("input#senderName").val();
	if (senderName == "") {
      $("label#senderName_error").show();
      $("input#senderName").focus();
      return false;
    }
		
	var toEmail1 = $("input#recipientEmail1").val();
	var passURL = $("input#fullURL").val();
	if (toEmail1 == "") {
      $("label#recipientEmail1_error").show();
      $("input#recipientEmail1").focus();
      return false;
    }
	var toEmail2 = $("input#recipientEmail2").val();
	var toEmail3 = $("input#recipientEmail3").val();
	var toEmail4 = $("input#recipientEmail4").val();
	var toEmail5 = $("input#recipientEmail5").val();
	var finalMessage = $("#sendURLMessage").val();
	var dataString = 'senderName='+ senderName + '&toEmail1=' + toEmail1 + '&toEmail2=' + toEmail2 + '&toEmail3=' + toEmail3 + '&toEmail4=' + toEmail4 + '&toEmail5=' + toEmail5 + '&URL='+passURL + '&finalMessage='+finalMessage;
	$.ajax({
      type: "POST",
      url: "/toah/works-of-art/process.asp",
      data: ({senderName : senderName, toEmail1 : toEmail1, toEmail2 : toEmail2, toEmail3 : toEmail3, toEmail4 : toEmail4, toEmail5 : toEmail5, URL : passURL, finalMessage : finalMessage}),
      success: function() {
        $('#urlSendArea').html("<div id='message'></div>");
        $('#message').html("<h2>URL Sent Successfully</h2>")
        .append("<p>Thank you</p>")
        .show()
      }
     });
	//$.post("/toah/works-of-art/process.asp", { senderName: senderName, toEmail1: toEmail1, toEmail2: toEmail2, toEmail3: toEmail3, toEmail4: toEmail4, toEmail5: toEmail5, URL:passURL } );

     
    return false;
	});
});

