// JavaScript Document

$(document).ready(function(){
	//$(document).pngFix();
	$(".box_alb") .wrap(
	'<div class="bamt">'+
	'<div class="bamb">'+
	'<div class="baml">'+
	'<div class="bamr">'+
	'<div class="babl">'+
	'<div class="babr">'+
	'<div class="batl">'+
	'<div class="batr">'+
	'<\/div>'+
	'<\/div>'+
	'<\/div>'+
	'<\/div>'+
	'<\/div>'+
	'<\/div>'+
	'<\/div>'+
	'<\/div>');

	$(".box_albastru") .wrap(
	'<div class="balmt">'+
	'<div class="balmb">'+
	'<div class="balml">'+
	'<div class="balmr">'+
	'<div class="balbl">'+
	'<div class="balbr">'+
	'<div class="baltl">'+
	'<div class="baltr">'+
	'<\/div>'+
	'<\/div>'+
	'<\/div>'+
	'<\/div>'+
	'<\/div>'+
	'<\/div>'+
	'<\/div>'+
	'<\/div>');

	$(".box_bleu") .wrap(
	'<div class="bbmt">'+
	'<div class="bbmb">'+
	'<div class="bbml">'+
	'<div class="bbmr">'+
	'<div class="bbbl">'+
	'<div class="bbbr">'+
	'<div class="bbtl">'+
	'<div class="bbtr">'+
	'<\/div>'+
	'<\/div>'+
	'<\/div>'+
	'<\/div>'+
	'<\/div>'+
	'<\/div>'+
	'<\/div>'+
	'<\/div>');

	$("div.big_frame") .prepend('<div class="frame_big"></div>')
	$("div.med_frame") .prepend('<div class="frame_med"></div>')
	$("div.sml_frame") .prepend('<div class="frame_sml"></div>')


	$("label.overlabel").overlabel();
	var options = {
		target:        '#question',   // target element(s) to be updated with server response
		beforeSubmit:  showRequest,  // pre-submit callback
		success:       showResponse  // post-submit callback

		// other available options:
		//url:       url         // override for form's 'action' attribute
		//type:      type        // 'get' or 'post', override for form's 'method' attribute
		//dataType:  null        // 'xml', 'script', or 'json' (expected server response type)
		//clearForm: true        // clear all form fields after successful submit
		//resetForm: true        // reset the form after successful submit

		// $.ajax options can be used here too, for example:
		//timeout:   3000
	};

	// bind form using 'ajaxForm'
	$('#login_form').ajaxForm(options);


	var options = {
		target:        '#inscriemasina',   // target element(s) to be updated with server response
		beforeSubmit:  validate,  // pre-submit callback
		success:       inscrieCar  // post-submit callback

		// other available options:
		//url:       url         // override for form's 'action' attribute
		//type:      type        // 'get' or 'post', override for form's 'method' attribute
		//dataType:  null        // 'xml', 'script', or 'json' (expected server response type)
		//clearForm: true        // clear all form fields after successful submit
		//resetForm: true        // reset the form after successful submit

		// $.ajax options can be used here too, for example:
		//timeout:   3000
	};

	// bind form using 'ajaxForm'
	$('#inscrieform').ajaxForm(options);
	// pre-submit callback
	function validate() {

		var fields=new Array("nume","prenume","email","masina","an","km");
		var err = null;
		$.each( fields, function(i, n){

			if( ! $('#'+n).val() )
			{
				err = i;
				$('#'+n).css({border: 'dotted 1px red'});
			}

		});
		if(!err) return true;
		$.blockUI('Va rugam completati campurile marcate!');
		setTimeout("$.unblockUI({ fadeTime:'slow' });",2000);
		return false;
	}

	// post-submit callback
	function inscrieCar(responseText, statusText)  {
		$.extend($.blockUI.defaults.pageMessageCSS, { color: '#002D78', backgroundColor: '#fff', border:'solid 1px #002D78'});
		$.extend($.blockUI.defaults.overlayCSS, { backgroundColor: '#000', opacity: '0.3'  });
		if(responseText){
			$.blockUI('Multumim');
			setTimeout("$.unblockUI({ fadeTime:'slow' });",1000);
			$("#inscrieform").remove();
			$("#inscriemasina").html(responseText).slideDown("slow");
			return true;
		}
		else{
			$.blockUI(responseText);
			setTimeout("$.unblockUI({ fadeTime:'slow' });",1000);
		}
		return false;
	}

	// Document is ready
	var hc = $('#home_content').height();
	var bb = $('#buy_content').height();
	if(hc < bb ) {hc=bb}
	else {bb=hc}

	$('#buy_content').height(hc)
	$('#home_content').height(bb)

});



