var animationSpeed = 200;


$(document).ready(function() {
	
	$('div.btn-preorder1').click(function() { openOrderFormPopup('mortal'); });
	$('div.btn-preorder2').click(openVipCardDialog);
	$('#resur-overlay').css('opacity', 0.6).height($('body').height());
	$('.all-ok-popup img').click(closeAllOkPopup);
	
	
	
	
	var options = {
		dataType:		'script',  // post-submit callback 
		beforeSubmit:	beforeFormSubmit  // pre-submit callback 
    }; 
	
	$('form').ajaxForm(options);
	
});




/**
 * Универсальный метод выполняемый перед отравкой любой формы.
 * 
 */
function beforeFormSubmit(formData, jqForm, options)
{
	// templates/images/btn/send-order.gif
	
	if (jqForm.attr('id') == 'orderForm') {
		jqForm.find('input[type="image"]').attr('src', 'templates/images/ajax-loader.gif').get(0).blur();
	}
	
	
	jqForm.find('.status').removeClass('error').text('Проверка...');;
	
	return true;
	
}





function openVipCardDialog()
{
	
	this.blur();
	
	// $('#vipCardForm').get(0).reset();
	$('#vipCardForm .status').removeClass('error').text('Заказ для владельцев vip-карт');
	// $('div.btn-preorder-bg').fadeOut(animationSpeed);
	$('div.btn-preorder2').fadeOut(animationSpeed);
	$('div.btn-preorder3').fadeIn(animationSpeed);
	$('#resur-overlay').fadeIn(animationSpeed*2).click(closeVipCardDialog);
	// $('.samsung-logo').animate({top:'+=74'}, animationSpeed);
	$('.copy').animate({top:'+=20'}, animationSpeed);
	
	return false;
	
}
function closeVipCardDialog()
{
	
	// $('div.btn-preorder-bg').fadeIn(animationSpeed);
	$('div.btn-preorder3').fadeOut(animationSpeed);
	$('div.btn-preorder2').fadeIn(animationSpeed);
	$('#resur-overlay').fadeOut(animationSpeed*2).unbind('click', closeVipCardDialog);
	// $('.samsung-logo').animate({top:'-=74'}, animationSpeed);
	$('.copy').animate({top:'-=20'}, animationSpeed);
	

}




/**
 * Открывает попап с формой заказа.
 * 
 * @param	string		type 	Задаёт тип. Это значение подставляется как доп класс к <div class="order type">
 								Может принимать значение: "mortal" или "vip"
 */
function openOrderFormPopup(type)
{
	
	type = (type == 'vip')? 'vip' : 'mortal';
	
	$('.order').addClass(type).css('top', getBodyScrollTop()+20+'px').fadeIn(animationSpeed);
	$('#resur-overlay').fadeIn(animationSpeed*2).click(closeOrderFormPopup);
	
}

function closeOrderFormPopup()
{
	
	$('.order').fadeOut(animationSpeed).removeClass('mortal').removeClass('vip');
	$('#resur-overlay').fadeOut(animationSpeed*2).unbind('click', closeOrderFormPopup);
	
}





function openAllOkPopup()
{
	
	$('.all-ok-popup').css('top', getBodyScrollTop()+(getClientHeight() - $('.all-ok-popup').height())/2+'px').fadeIn(animationSpeed);
	$('#resur-overlay').fadeIn(animationSpeed*2).click(closeAllOkPopup);
	
}

function closeAllOkPopup()
{
	
	$('.all-ok-popup').fadeOut(animationSpeed);
	$('#resur-overlay').fadeOut(animationSpeed*2).unbind('click', closeAllOkPopup);
	
}









function getClientWidth()
{
  return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientWidth:document.body.clientWidth;
}

function getClientHeight()
{
  return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientHeight:document.body.clientHeight;
}



/**
 * Получить положение скролла для окна
 */
function getBodyScrollTop()
{
  return self.pageYOffset || (document.documentElement && document.documentElement.scrollTop) || (document.body && document.body.scrollTop);
}

function getBodyScrollLeft()
{
  return self.pageXOffset || (document.documentElement && document.documentElement.scrollLeft) || (document.body && document.body.scrollLeft);
}





/**
 * Аналог для print_r()
 * 
 * @param	mixed	variable	Переменная любого типа
 */
function pr(variable) {
	if ($.dump) {
		if (typeof(myAlert) != 'undefined') {
			myAlert('<pre>' + $.dump(variable) + '</pre>');
		} else {
			alert($.dump(variable));
		}
	} else {
		myAlert('Не подключено расширение jQuery.dump');
	}
}

function pr2(variable, x, y) {
	
	
	
	if ( ! $.dump) {
		alert('Не подключено расширение jQuery.dump');
	}
	
	
	if ($('#dump').size() <= 0) {
		x = x || 200;
		y = y || 200;
		$('body').append('<pre style="min-width: 150px; position:absolute; top:'+ y +'px; left:'+ x +'px; border:1px solid #000000; background-color: #FFFFFF; padding:5px;" id="dump"></pre>');
	}
	
	
	
	var t = $.dump(variable);
	t = t.replace(/	/g, '    ');
	
	
	$('#dump').text(t);
}