if (typeof Effect == 'undefined') 
	throw("protodual.js requires including script.aculo.us' effects.js library!");

(function(){
  var methods = {
    defaultValueActsAsHint: function(element){
      element = $(element);
      element._default = element.value;
      
      return element.observe('focus', function(){
        if(element._default != element.value) return;
        element.removeClassName('hint').value = '';
      }).observe('blur', function(){
        if(element.value.strip() != '') return;
        element.addClassName('hint').value = element._default;
      }).addClassName('hint');
    }
  };
   
  $w('input textarea').each(function(tag){ Element.addMethods(tag, methods) });
})();

var carlstein = Class.create({


initialize: function() {

			this.init();
	  },
	  init: function(){
	  
	  	var inputers = $$('.carlin');
		inputers.each(function(inser) {
		
		var thein = $(inser.down('input'));
		$(inser.down('.redarea')).hide();
			thein.defaultValueActsAsHint();
			Event.observe(thein, 'blur', this.blurer.bind(this, inser), false);
			Event.observe(thein, 'focus', this.focuser.bind(this, inser), false);
		}.bind(this));
		
		Event.observe($('rensa'), 'click', this.reset.bindAsEventListener(this), false);
	  	Event.observe($('skicka'), 'click', this.sendit.bindAsEventListener(this), false);
	  	
	  	
		$("info").defaultValueActsAsHint();
		
	  	
	  },
	  
	  blurer: function(inser){
	  	$(inser.down('.grayarea')).show();
	  	$(inser.down('.redarea')).hide();
	  	$(inser.down('input')).setStyle('background-color: #999');
	  },
	  reset: function(e){
	  	Event.stop(e);
	  	
	  	$('org2').value = 'Org. nr *';
	  	$('foretag').value = 'Företag *';
	  	$('mail').value = 'E-mailadress *';
	  	$('namn').value = 'Namn *';
	  	$('adress').value = 'Adress';
	  	$('postnr').value = 'Postnr.';
	  	$('stad').value = 'Stad';
	  	$('land').value = 'Land';
	  	$('telefon').value = 'Telefon';
	  	$('mobil').value = 'Mobil';
	  	
	  	return false;
	  	
	  },
	  sendit: function(e){
	  	Event.stop(e);
	  	var error = false;
	  	var numchecks = 0;
	  	var vilkaformat = "";
	  	
	  	if($('org2').value == 'Org. nr *')
	  	{
	  		error = true;
	  	}
	  	if($('foretag').value == 'Företag *')
	  	{
	  		error = true;
	  	}
	  	if($('mail').value == 'E-mailadress *')
	  	{
	  		error = true;
	  	}
	  	if($('namn').value == 'Namn *')
	  	{
	  		error = true;
	  	}
	  	
	  	if($('org2').value == '')
	  	{
	  		error = true;
	  	}
	  	if($('foretag').value == '')
	  	{
	  		error = true;
	  	}
	  	if($('mail').value == '')
	  	{
	  		error = true;
	  	}
	  	if($('namn').value == '')
	  	{
	  		error = true;
	  	}
	  	
	  	if($('checkbarn').checked)
	  	{
	  		numchecks = numchecks + 1;
	  		vilkaformat = vilkaformat + "Barnkatalog, ";
	  	}
	  	
	  	if($('checkdam').checked)
	  	{
	  		numchecks = numchecks + 1;
	  		vilkaformat = vilkaformat + "Damkatalog, ";
	  	}
	  	
	  	if($('checkherr').checked)
	  	{
	  		numchecks = numchecks + 1;
	  		vilkaformat = vilkaformat + "Herrkatalog, ";
	  	}
	  	
	  	if($('checkcd').checked)
	  	{
	  		numchecks = numchecks + 1;
	  		vilkaformat = vilkaformat + "CD-Skiva, ";
	  	}
	  	
	  	if(numchecks < 1)
	  	{
	  		error = true;
	  	}

		$('format').value = vilkaformat;
		
	  	var self = this;
	  	if(!error)
	  	{	
	  		var param = "fast=fast&" + Form.serialize('divForm');
	  		
			var url = "/katalog/order/"
		
			this.therequest = new Ajax.Request("index.php?page=" + url,{
				method: "get",
				parameters: param,
				onSuccess: function(transport){
            	self._processData(transport)
            	}
			});
	  	}
	  	
	  	if(error)
	  	{
	  		alert('Alla fält markerade med en stjärna måste fyllas i korrekt.');
	  	}
	  	
	  	return false;
	  },
	 _processData: function(DataRequest, ResponseHeader){
  		$("content").update(DataRequest.responseText);
  		$("content").appear();
  		},
	  focuser: function(inser){
	  	$(inser.down('.redarea')).show();
	  	$(inser.down('.grayarea')).hide();
	  	$(inser.down('input')).setStyle('background-color: #CC0000');
	  	
	  	var inserp = $(inser.down('input'));
	  	if(inserp.value == 'Org. nr *')
	  	{
	  		inserp.value = '';
	  	}
	  	
	  	if(inserp.value == 'Företag *')
	  	{
	  		inserp.value = '';
	  	}
	  	
	  	if(inserp.value == 'E-mailadress *')
	  	{
	  		inserp.value = '';
	  	}
	  	
	  	if(inserp.value == 'Namn *')
	  	{
	  		inserp.value = '';
	  	}
	  	
	  	if(inserp.value == 'Adress')
	  	{
	  		inserp.value = '';
	  	}
	  	
	  	if(inserp.value == 'Postnr.')
	  	{
	  		inserp.value = '';
	  	}
	  	
	  	if(inserp.value == 'Stad')
	  	{
	  		inserp.value = '';
	  	}
	  	
	  	if(inserp.value == 'Land')
	  	{
	  		inserp.value = '';
	  	}
	  	
	  	if(inserp.value == 'Telefon')
	  	{
	  		inserp.value = '';
	  	}
	  	
	  	if(inserp.value == 'Mobil')
	  	{
	  		inserp.value = '';
	  	}
	  	
	  	
	  }
	  
});