var areaActual = 1;
	var idLink = 'linkOffers1';
	$(document).ready(function(){
		
			$('#id_botoBuscaEsqui').click( function() {
				 if($("#id_cercadorEsqui").css("display")=="none" ) { 
				 	$('.cl_cercadorEsqui').css('border-radius', '5px 5px 0px 0px');
				  	$('#id_cercadorEsqui').css('display', 'block');
				 } else{
				  	$('#id_cercadorEsqui').css('display', 'none');
					$('.cl_cercadorEsqui').css('border-radius', '5px');
				 }
				 return false;
			});
		
			$('#id_botoEnviar').click( function() {
                                if($("#formularigrups_nom").get(0).value == "" || $("#formularigrups_comments").get(0).value == "") {
                                    alert('Els camps son obligatoris');
                                    return false;
                                }                                
                        });                        

			$('a.areaoffer').click( function() {
				var area = $(this).attr('area');
				$('#ofertas'+areaActual).fadeOut('slow', function () {
					$('#ofertas'+area).fadeIn('slow');
					areaActual = area;
					$('a#'+idLink).removeClass('active');
					idLink = 'linkOffers'+area;
					$('a#'+idLink).addClass('active');
				});
				return false;
			});
			
			$('#AddSubscriberForm').submit( function() { 	
				var stringData = "mail="+$('#SubscriberMail').val();
				if(jQuery.trim($('#SubscriberMail').val())!=""){
					$.ajax({url: "/webSki/web/frontend_dev.php/es_ES/main/addSubscriber", data: stringData, 	
					beforeSend: function () {
						//$('button#formNews').css('display', 'none');
						$('#submitNewsletter').css('display', 'none');	
						$('#imageLoading').css('display', 'block');	
					},	
					success: function(data){		
						$('#imageLoading').css('display', 'none');
						var errorVector = data.split("#");		
						if (errorVector[0] != 0) {	
							$('#submitNewsletter').css('display', 'block');	
						}	
						else { 
							
						}
						$('#osx-modal-data').html(errorVector[1]);	
						OSX.init();
					}});
                                }
				else{
					alert("no has introduït cap caràcter");
				}
				return false;	
			});

	});
	
	var OSX = {
		container: null,
		init: function () {
				$("#osx-modal-content").modal({
					overlayId: 'osx-overlay',
					containerId: 'osx-container',
					closeHTML: null,
					minHeight: 80,
					opacity: 65, 
					position: ['0',],
					overlayClose: true,
					onOpen: OSX.open,
					onClose: OSX.close
				});
		},
		open: function (d) {
			var self = this;
			self.container = d.container[0];
			d.overlay.fadeIn('slow', function () {
				$("#osx-modal-content", self.container).show();
				var title = $("#osx-modal-title", self.container);
				title.show();
				d.container.slideDown('slow', function () {
					setTimeout(function () {
						var h = $("#osx-modal-data", self.container).height()
							+ title.height()
							+ 20; // padding
						d.container.animate(
							{height: h}, 
							0,
							function () {
								$("div.close", self.container).show();
								$("#osx-modal-data", self.container).show();
							}
						);
					}, 300);
				});
			})
		},
		close: function (d) {
			var self = this; // this = SimpleModal object
			d.container.animate(
				{top:"-" + (d.container.height() + 20)},
				500,
				function () {
					self.close(); // or $.modal.close();
				}
			);
		}
	};