$(document).ready(function() {
	
	if ($.browser.safari) {
		
		$(".company").css({marginLeft:"-28px"});
		$(".company2").css({marginLeft:"62px", marginTop:"93px", textShadow:"2px 2px 2px #000"});
		$(".input-submit2").css({marginTop:"-30px"});
		$("input[id='cancel']").css({marginTop:"-15px"});
		$("#message").css({width:"335px", marginLeft:"259px", marginTop:"-93px"});
		$(".message_textarea").css({width:"335px", height:"86px", fontSize:"13px"});
		$("#leftcol").css({width:"260px", marginTop:"1px"});
		$("input:text").css({marginBottom:"1px"});
		
		
	}
	
	if ($("#guide").html() != "") {
	
	var check = $.cookie('pav_visit');
	
	if (check < 4) {
	
	if (!check) {
	
	$.cookie('pav_visit', '1');
	
	}
	
	else {
		
		var new_val = (+check + 1);
		
		$.cookie("pav_visit", "" + new_val + "");
		
	}
	
$("#guide").fadeIn(3000, function() {
    
    $(this).fadeOut(3000);});
    
    $("#guide:hidden").remove();
	
	}
	
	}
	
	$("#message").css({display:"none"});
        var card_content = $("#cardform").html();
	
	$("a[rel^='numb_link']").click(function() {
		
		$("#loading").css({visibility:"visible"});
		
		});
        
	var image_id = $("input[name='card_a']").val();
	var gall_name = $("input[name='card_b']").val();
	var c = $("input[name='card_c']").val();
	var status = $("input[name='status']").val();
  
    var options = { 
        success: cartadder,
	dataType: 'json',
        beforeSubmit: loader,
        url: "cart.php5?ajax=1&a=" + image_id + "&b=" + gall_name + "&c=" + c + ""
    };
    
    var card_options = {
	
	success: responder,
	dataType: 'json',
        beforeSubmit: cardloader,
	url: "cards.php5?ajax=1"
	
    };
    
    $("div[id='ec_change']").html("<span class=\"text\">E-Card status: <span class=\"status\">" + status + "</span> - <a href=\"#\" rel=\"ec_change\">Change?</a></span></br><br />");
    $("a[rel='ec_change']").click(function() {
	
	var status = $(".status").text();
	var ec_change = "Y";
	
	if (status == "Enabled") {
		
		var ec_change = "N";
	}
	
	$.post("ec_change.php5", {ajax:"1", ec_change:"" + ec_change + "", a:"" + image_id + "", b:"" + gall_name + "", status:"" + status + ""}, function(data) {
		
		$(".status").text("" + data.status + "")}, "json");
	
    });
 
    // bind to the form's submit event 
    $('#addcart').livequery('submit', function() { 
        
        $(this).ajaxSubmit(options); 
 
        return false; 
    });
    
    $("#sendcard").ajaxForm(card_options);
    
    // To send an ecard / postcard
    
    function cartadder(data) {
	
        $("#loading").css({visibility:"hidden"});
        
	$("#cart").html(data.track);
	
	$("#cart").effect("highlight", {}, 2000);
	
	
	if (data.card !== "N") {
		
                $("#cardform").slideDown(function() {
			
			$("#message").css({display:"block"});
			
		});
		
                $("#numbers").hide();
		$("#content").css({height:"850px"});
		$("input[id='card_type']").val("" + data.card + "");
		$("input[id='card_id']").val("" + data.card_id + "");
		
		$(":text").each(function() {
			
			var t = $(this).attr("title");
			
			$(this).val(t).css({color:"#666"});
			
			$(this).focus(function() {
				
				if ($(this).val() == t) {
					
					$(this).val("").css({color:"#000"});
				}
			});
			
			$(this).blur(function() {
				
				if ($(this).val() == "") {
					
					$(this).val(t).css({color:"#666"});
					
					}
					
				else {
					
					$(this).css({color:"#000"});
					
				}
			});
						
			});
		
		
		if ((data.card == "UK") || (data.card == "EU")) {
			
			$("input").attr({disabled:""});
			
		}
		
	}
    }
    
    function responder(data) {
	
	if (data.redirect) {
		
		window.location = data.redirect;
		
	}
	
	if (data.errors) {
                
		$("#card_loading").css({visibility:"hidden"});
		$("#cardform > .head").html("<span class=\"error\">" + data.errors + "</span>");
		$("a[rel='close']").livequery('click', function() {
			
			$("#message").hide(function() {
                                
                                $("#cardform").slideUp(function() {
                                        
                                        $(this).html(card_content);
                                        $("#content").css({height:"650px"});
                                        $("#numbers").show();
                                        
                                        });
                                
                                });
					
		});
		
	}
	
	if (data.error) {
                
		$("#card_loading").css({visibility:"hidden"});
		var error = "<span class=\"text\">There are errors or missing data in the fields indicated.<br />Please correct and continue.</span>";
		
		$("#error_message").slideDown().html(error).css({backgroundColor:"#FC8"}).effect("highlight", {}, 2000);
		$("#content").height("900px");
		
		$(":text").css({color:"#000",fontStyle:"normal"});
		
		jQuery.each(data, function(index, value) {
			
			if ((index !== "error") && (value == "E")) {
				
				$("input[id='" + index + "']").css({fontStyle:"italic", color:"red"}).attr({alt:"2"});
				
			}
			
			if (value == "M") {
				
				$("input[id='" + index + "']").css({fontStyle:"italic",color:"red"}).val("Required field").attr({alt:"2"});
			}
			
		});
		
		$("input[alt='2']").focus(function() {
			
			if ($(this).val() == "Required field") {
			
			$(this).val("").css({color:"#000",fontStyle:"normal"});
			
			}
			
		});
		
		return false;
	}
	
	if (data.result == "deleted") {
		
		$("#card_loading").css({visibility:"hidden"});
		
                $("#message").fadeOut('fast', function() {
			
		$("#cardform").slideUp();	
			
			});

                        $("#error_message").slideUp();
                        $("#numbers").show();
                        $("#content").css({height:"650px"});
				
		$("#cart").html(data.track);
		
	}
	
	if (data.success) {
		
                $("#error_message").slideUp();
                $("#card_loading").css({visibility:"hidden"});
		$("#cardform").html("" + data.success + "<br /><br /><a href=\"#\" id=\"close\">Continue viewing the gallery</a>");
                
                $("a[id='close']").livequery('click', function() {
			
                                $("#cardform").slideUp(function() {
                                        
                                        $(this).html(card_content);
                                        $("#numbers").show();
                                        $("#content").css({height:"650px"});
                                        
                                        });
                                
                        return false;
			
		});
	}
    

}

        function loader() {
                
                $("#loading").css({visibility:"visible"});
        }
        
        function cardloader() {
                
                $("#card_loading").css({visibility:"visible"});
                
        }
});