/**
* Norrlandspall
* 
* Special cases för Köpa-pallar
* Author: Eastwest Jan Östlund, janne@eastwest.se, 2009
*
*/

$(document).ready(function(){
	
	// ---------------------------------------------------------------------
	// BUY FORM
	// ---------------------------------------------------------------------
	
	// Send configuration
	var options = { 
        target:        '#output',   // target element(s) to be updated with server response 
        beforeSubmit:  	showRequest,
		success:       	showResponse,  // post-submit callback 
		dataType:		'json'
    }; 
 	
	// Inti ajaxforms
    $('#form1').ajaxForm(options); 
	
	
	
	// Attach to form container
	try
	{
		// Init follower flik
		$('#toggle' ).scrollFollow( {offset: 20});
		$('#slide-form-container').scrollFollow();
	}
	catch(e)
	{
		// Nothing happens
	}
	
	// If formed is toggle and there's a click outisde – hide form
	$('body').click(function() 
	{
		if($('#slide-form-container').attr('alt') == "toggled")
		{
			hide_form();
		}
	});
	
	// Click inside the toggled form - do nothing, prevent hiding form
	$('#slide-form-container').click(function(event)
	{
		event.stopPropagation();
 	});
	
	// Same as above
	$('#toggle a').click(function(event)
	{
    	event.stopPropagation();
 	});
	
	
	
	$(".close-form").click(function()
	{
		hide_form();
	});
	
	// Toggle form
	$("#toggle a").click(function()
	{
		var $this = $("#slide-form-container");
		
		if($this.attr('alt') != "toggled")
		{
			display_form();
			
		}
		else
		{
			hide_form();
			
		};
	});
});


/****************************************
/* Show köpa-fomulär
/****************************************/

function display_form()
{
	var $this = $("#slide-form-container");
	 //alert('visar...');
	$this.animate( { width:"+=470px", left:"-=470"  });
	$("#toggle").animate( { left:"-=470"  });
	$this.attr({alt: "toggled"});
	$(".close-form").show("fast");
}

/****************************************
/* Göm köpa-fomulär
/****************************************/
function hide_form()
{
	var $this = $("#slide-form-container");
	
	$this.animate( { width:"-=470px", left:"+=470" });
	$("#toggle").animate( { left:"+=470"  });
	$this.attr({alt: ""});
	$(".close-form").hide();
}


/****************************************
/* AJAX POSTING CALLBACKS
/****************************************/

function showResponse(responseText, statusText)  
{ 
	if(responseText.validation == 'failed')
	{
		$("#responseText").html("<div class='error'>" + responseText.message + "</div>").show('slow');
		$("#form1 #button").attr('disabled', '');
		$("#form1 #form-indicator").html('');
		
		for(i=0;i<responseText.error_fields.length;i++) 
		{
		   $("#"+responseText.error_fields[i]).addClass("errorField");
		}
	}
	else
	{
		$("#slide-form").html("<div class='done' style='height: 400px'>" + responseText.message + "<br /><a href='#' onClick='" + $.config.succed_action + "'><img src='" + $.config.sitespecific + "/images/closelabel.gif' alt='Stäng' /></a></div>");
		$("#slide-form").css({'background-position' : '60% 60%'});
		
		$("#sell-form").html("<div class='success'>" + responseText.message + "</div>");
		
		
		
		$("#form1").hide();
	}
	
} 

function showRequest(formData, jqForm, options) 
{ 
	// Loading image
	var spinner = new Image();
	spinner.src = $.config.sitespecific + '/images/indicator.gif';
	$("#form1 #form-indicator").html( $(spinner).clone() );
	$("#form1 #button").attr('disabled', 'disabled');
	return true; 
}