var emptyFields = "Please fill all fields.";
var wrongEmail  = "Mail address is not correct";
var mailConfirmation = "Message was succesfully send";
var mailError	= "Error. There was some problems with sending. Please try again later.";


(function($){

	$.fn.customFadeIn = function(speed, callback) {
		$(this).fadeIn(speed, function() {
			if(!$.support.opacity)
				$(this).get(0).style.removeAttribute('filter');
			if(callback != undefined)
				callback();
		});
	};
	$.fn.customFadeOut = function(speed, callback) {
		$(this).fadeOut(speed, function() {
			if(!$.support.opacity)
				$(this).get(0).style.removeAttribute('filter');
			if(callback != undefined)
				callback();
		});
	};
	$.fn.customFadeTo = function(speed,to,callback) {
		return this.animate({opacity: to}, speed, function() {
			if (to == 1 && jQuery.browser.msie)
				this.style.removeAttribute('filter');
			if (jQuery.isFunction(callback))
				callback();
		});
	};

	$.fn.showImage = function (param) {
		this.each(
			function() {
				$(this).hide();
				$(this).fadeIn(param);
				$(this).bind('load',
					function(){
						$(this).fadeIn(param);
					}
				);
			}
		);
	
		return this;
	}

	$.fn.showText = function (param) {
		this.each(
			function() {
				$(this).hide();
				$(this).customFadeIn(param);
			
			}
		);
	
		return this;
	}
	
	$.getImage = function ($htmlObj, index, timeOut) {
		var $li = $htmlObj.find('li');
		var i=0;
		var next = index + 1;
		var numberOfelements = $li.length;
		if(next>=numberOfelements) next = 0;
		$li.each(
			function(){
				if(i==next) {
					$(this).fadeIn(1000);
				}
				if(i==index) {
					$(this).fadeOut(1000,
						function(){
							setTimeout(
								function(){				
									$.getImage($htmlObj, next, timeOut);				
								}
							,timeOut);
						}
					);
				}
				i++;
			}
		);
	}
	

	$.fn.imageChanger = function (timeOut) {
		this.each(
			function(){
				$(this).show();
				var $obj = $(this).find('ul');
				$obj.css('list-style','none');
				var $li = $obj.find('li');
				var i=0;
				$li.each(
					function(){
						$(this).css({'position':'absolute','left':'0','top':'0','z-index':'-'+i+''});
						$(this).hide();
						if(i==0) {
							var $im = $(this);
							$(this).fadeIn(1000,
								function(){
									setTimeout(
										function(){
											
											$.getImage($obj, 0, timeOut);				
										}
									,timeOut);
								}
							);
						}
						i++;
					}
				);
				
			}
		);
		return this;
	}
}(jQuery));

$(document).ready(function(){
        $('li.headlink1').hover(
                function() { $('ul', this).css('display', 'block'); },
                function() { $('ul', this).css('display', 'none'); });
        $('li.headlink2').hover(
                function() { $('ul', this).css('display', 'block'); },
                function() { $('ul', this).css('display', 'none'); });
        $('li.headlink3').hover(
                function() { $('ul', this).css('display', 'block'); },
                function() { $('ul', this).css('display', 'none'); });
        $('li.headlink4').hover(
                function() { $('ul', this).css('display', 'block'); },
                function() { $('ul', this).css('display', 'none'); });
	//$('.main_page_img').showImage(1000);
	//$('#offer_text').showText(1000);
	$('#main_page_img').imageChanger(1500);
	
	$('#send_message_id').click(function(){
		if(jQuery.trim($('#email_id').val())=='' || jQuery.trim($('#message_id').val())==''){
			AlertMessage(emptyFields);
			return false;
		} 
		if(!validateMail(jQuery.trim($('#email_id').val()))){
			AlertMessage(wrongEmail);
			return false;
		}
		var serializedForm = $(document.forms[0]).serialize();
		//$('#contact_form').customFadeTo(100,0.2);
		showAjaxWaiting('contact_form', false);
		$.ajax({
		url: '/pages/send_mail.php',
		type: "POST",
		data: serializedForm,
		success: function(data) {
			if(jQuery.trim(data)=="OK"){
				AlertMessage(mailConfirmation);
				$('#email_id').val('');
				$('#message_id').val('');
				$('#send_copy_id').attr('checked',false);
			} else {
				AlertMessage(mailError);
			}
			$('#waiting_box').remove();
			//$('#contact_form').customFadeTo(100,1);
		}
		});
		return false;
	});
	
});
$(window).bind('load',function(){
	$('#offer_img').showImage(1000);
	$('.textFadeIn').showText(1000);
	$('#monika_img').showImage(1000);
	$('#dominik_img').showImage(1000);
	$('.architecture_layout').showText(1000);
});
function validateMail(address) {
   var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
   return reg.test(address);
}
function showAjaxWaiting(divId, formClean){

	if (document.images)
	{
	  ajaxImage = new Image(16,16); 
	  ajaxImage.src='/img/ajax-loader.gif'; 
	}
	var divObject = document.getElementById(divId);
	var w = divObject.offsetWidth;
	var h = divObject.offsetHeight;
	var l = Math.round(w/2)-8;
		if(l<0) l=0;
	var t = Math.round(h/2)-8;
		if(t<0) t=0;
	
	var objPosition = "relative";
	
	if(formClean==false) {
		objPosition = "absolute;left:0;top:0;";
		//divObject.style.position='relative'; 
	}
		
	var waitingHtml = '<div style="height:'+h+'px;width:'+w+'px;position:'+objPosition+'" id=\"waiting_box\">'+
					  '<div style="position:relative;width:16px;height:16px;left:'+l+'px;top:'+t+'px"><img src="/img/ajax-loader.gif"/></div>' +
					  '</div>';
	
	if(formClean==false){
		$('#'+divId).append(waitingHtml);
		//waitingHtml = divObject.innerHTML + waitingHtml;
	} else {
		
		divObject.innerHTML = waitingHtml;
	}
}
function AlertMessage(message){
	$('#alertmessage').remove();
	var htmlObj="<div style=\"position:absolute;width:200px;height:100px;left:50%;margin-left:-100px; top:50%;margin-top:-50px;z-index:10000;border:#000000 1px solid;background-color:white\" id=\"alertmessage\">"+
	"<table width=\"100%\" height=\"100%\"><tr><td style=\"font-size:14px;text-align:center\">"+message+"</td></tr>"+
	"<tr><td align=\"right\"><input type=\"button\" value=\"OK\" id=\"alertwindowclose\" style=\"#border:#000000 1px solid;width:60px\"/></td></tr>"+
	"</div>";
	//$('body').append("<div id=\"modal_background\" style=\"position:absolute;z-index:9999;left:0;top:0;width:100%;height:100%\"></div>");
	$('body').append(htmlObj);
	$('#alertwindowclose').click(function(){
		$('#alertmessage').remove();
	//	$('#modal_background').remove();
	});
}