$(document).ready(
	function()
	{	
		$('a[@rel*=lightbox]').lightBox();
		$('a[@rel*=banner]').lightBox();
		$("ul.idTabs").idTabs();  
		$(".complectation tr:nth-child(odd)").addClass("odd");
		
		$('#term').bind('change', function(){
			if ( $(this).attr('value') == 24 )
			{
				$('#payment').empty()
							 .append('<option value="40">40%</option>')
							 .append('<option value="50">50%</option>')
							 .append('<option value="60">60%</option>');
			}
			else
			{
				$('#payment').empty()
							 .append('<option value="30">30%</option>')
							 .append('<option value="40">40%</option>')
							 .append('<option value="50">50%</option>');
			}
		});
		
		$('#calc').bind('click', calculate);
		$('#send-leasing').bind('click', sendLeasingMessage);
		
		$('#want-leasing').bind('click', function(e){
			$('#form').slideToggle();
			$('#result').empty();
			
			e.preventDefault();
		});
		
		$('#swf h2 a').bind('click', function(e){
			//$('#swf-content').slideToggle();
			e.preventDefault();
		});
	}
);

$(window).load(
	function()
	{
		$("#gallery").jCarouselLite({
			auto: 3200,
			speed: 500,
			visible: 1,
			vertical: true
		});
	}
)

function na_open_window(name, url, left, top, width, height, toolbar, menubar, statusbar, scrollbar, resizable)
{
    toolbar_str = toolbar ? 'yes' : 'no';
    menubar_str = menubar ? 'yes' : 'no';
    statusbar_str = statusbar ? 'yes' : 'no';
    scrollbar_str = scrollbar ? 'yes' : 'no';
    resizable_str = resizable ? 'yes' : 'no';
    window.open(url, name, 'left='+left+',top='+top+',width='+width+',height='+height+',toolbar='+toolbar_str+',menubar='+menubar_str+',status='+statusbar_str+',scrollbars='+scrollbar_str+',resizable='+resizable_str);
}

function getBounds(element)
{
  var left = element.offsetLeft;
  var top = element.offsetTop;
  for (var parent = element.offsetParent; parent; parent = parent.offsetParent)
  {
    left += parent.offsetLeft - parent.scrollLeft;
    top += parent.offsetTop - parent.scrollTop
  }
  return {left: left, top: top, width: element.offsetWidth, height: element.offsetHeight};
}

function insertImage(e, form, type)
{
	$('#'+e).hide();
	
	if ( type == 'show')
	{
		bounds = getBounds( document.getElementById(form) );
		
		$top = bounds.top + (bounds.height / 2) - 10;
		$left = bounds.left + (bounds.width / 2) - 15;
		$('#'+e).css('top', $top).css('left', $left).show();
	}
}

function sendMessage()
{
	var from = $('#from').attr('value');
	var connect = $('#connect').attr('value');
	var message = $('#message').attr('value');
    if ( from == '' )
    {
    	$('#from').addClass("warning");
    	return false;
    }

    if ( connect == '' )
    {
    	$('#connect').addClass("warning");
    	return false;
    }

    if ( message == '' || message.length < 10 )
    {
    	$('#message').addClass("warning");
    	return false;
    }
    
    insertImage('loader', 'message', 'show');
    JsHttpRequest.query(
      '/mail.php',
      {
        'from': $('#from').attr('value'),
        'email': $('#email').attr('value'),
        'connect': $('#connect').attr('value'),
        'message': $('#message').attr('value'),
        'agry': $('#agry').attr('value'),
        'type': 'ajax'
      },
      function(result, errors) {
        insertImage('loader','message', 'hide');
        if ( errors.length > 1)
        {
        	$('#result').css('color', 'red').text( errors );
        }
        else
        {
        	$('#result').css('color', 'green').text( 'Ваше повідомлення відправлено. Дякуємо.' );
        	$('#from').attr('value','');
        	$('#connect').attr('value','');
        	$('#message').attr('value','');
        }
      },
      true
    );	
	return false;
}

function sendLeasingMessage()
{
	wecando = true;
	$('form#leasing-form input').each(function(){
		if ( this.name != 'email' && this.value == '' )
		{
			$(this).addClass('warning');
			wecando = false;
		}
	});
	
	if ( wecando )
	{
	    insertImage('loader', 'cellphone', 'show');
		
		fields = {};
		$('#leasing-form input').each(function(){
			fields[$(this).attr('name')] = $(this).attr('value');
		});
		$('#leasing-form select').each(function(){
			fields[$(this).attr('name')] = $(this).attr('value');
		});
		
		fields.type = 'ajax';
				
	    JsHttpRequest.query(
	      '/leasing-mail.php',
          fields,
	      function(result, errors) {
	        insertImage('loader','cellphone', 'hide');
	        if ( errors.length > 1)
	        {
	        	$('#result').css('color', 'red').text( errors );
	        }
	        else
	        {
	        	$('#result').css('color', 'green').text( 'Ваше повідомлення відправлено. Дякуємо.' );
	        	$('form#leasing-form input').each(function(){
	        		if ( $(this).attr('name') != 'send' )
	        		{
	        			$(this).removeClass('warning');
	        			$(this).attr('value','');
	        		}
	        	});
	        	$('#form').slideToggle();
	        }
	      },
	      true
	    );
	}

	return false;
}

function testKey(e,id)
{
	// Make sure to use event.charCode if available
	var key = (typeof e.charCode == 'undefined' ? e.keyCode : e.charCode);

	// Ignore special keys
	if (e.ctrlKey || e.altKey || key < 32)
		return true;

	key = String.fromCharCode(key);
	if (id)
	{
		var _str = document.getElementById(id).value;
		dot = /\./;
		if (dot.test(_str))
		{
			return /\d/.test(key);
		}
		else
		{
		return /[\d\.]/.test(key);     
		}
	}
	else
	{
		return /\d/.test(key);
	}
}

function calculate()
{
	/*
	 * процентные ставки по кредиту
	 */
	var percent = [];
	
	percent[13] = [];
	percent[18] = [];
	percent[24] = [];
	
	percent[13][30] = 14.99;
	percent[13][40] = 9.99;
	percent[13][50] = 4.99;
	
	percent[18][30] = 19.99;
	percent[18][40] = 14.99;
	percent[18][50] = 9.99;
	
	percent[24][40] = 19.99;
	percent[24][50] = 14.99;
	percent[24][60] = 14.99;
	
	/*
	 * просим обязательно ввести стоимость автомобился
	 */
	if ( $('#cost').attr('value') == '' )
	{
		$('#cost').addClass('warning');
		return false;
	}
	
	/*
	 * инициализируем переменные
	 */
	$engine = $('#engine').attr('value'); //объем автомобиля
	$people = $('#people').attr('value'); //люди
	$cost = $('#cost').attr('value'); //стоимость автомобиля
	$term = $('#term').attr('value'); //сроки погашения
	$payment = $('#payment').attr('value'); //первый взнос в %
	$percent = percent[$term][$payment]; //процентная ставка
	
	$cost = $cost.toString().replace(/[^0-9\.]/g,''); //прибиваем все кроме цифр и точки
	$first = $cost * $payment / 100; //первый взнос в гривнах
	
	$today = new Date();
	$day   = $today.getDate();
	$month = $today.getMonth() + 1;
	$year  = $today.getFullYear();
	
	$leasing = $sum = $cost - $first; //сумма к погащению
	$body = Math.round( $leasing / $term * 100) / 100; //сумма помесячного погашения тела
	$cent = Math.round( ($body * $term - $leasing) * 100 ) / 100; //сумма “лишних” копеек от округления
	$diff = Math.abs( $cent * 100 ); //разница в копейках (целое число)
	$cent = $cent / $diff; //секретное число :Р
	
	$ptotal = 0; //сумма процентов
	$stotal = 0; //итоговая сумма с переплатой
	
	/*
	 * очищаем слой
	 */
	$('#leasing-result').empty();
	
	$('<h1 />').html('Результати розрахунку <small>(<a href="#" class="dashed">не цікаво</a>)</small>').appendTo( $('#leasing-result') );
	$('h1 small a.dashed').bind('click', function(e){
		/*
		 * прячем результат
		 */
		$('#static').slideDown();
		$('#leasing-result').slideUp();
		e.preventDefault();
	});

	/*
	 * получаем текущую
	 */
	if ( $.browser.msie || $.browser.opera )
	{
		$today_date = new Date().getDate() + '.' + (new Date().getMonth() + 1) + '.' + new Date().getFullYear();
	} 
	else
	{
		$today_date = new Date().toLocaleFormat('%d.%m.%Y');
	}
	
	/*
	 * создаем таблицу для вывода результатов
	 */
	$table = $('<table></table>').addClass('table')
								 .appendTo( $('#leasing-result') );
	
	/*
	 * выводим сводную информацию
	 */
	$tr = $('<tr></tr>').appendTo( $table );
	$('<td colspan="5"></td>').html('Об’єм двигуна, см<sup>3</sup>').css('font-weight','bolder').appendTo( $tr );
	$('<td width="20%"></td>').html($engine).appendTo( $tr );

	$tr = $('<tr></tr>').appendTo( $table );
	$('<td colspan="5"></td>').html('Валюта кредиту').css('font-weight','bolder').appendTo( $tr );
	$('<td width="20%"></td>').html('Гривня').appendTo( $tr );
	
	$tr = $('<tr></tr>').appendTo( $table );
	$('<td colspan="5"></td>').html('Схема погашення').css('font-weight','bolder').appendTo( $tr );
	$('<td width="20%"></td>').html('Стандарт').appendTo( $tr );
	
	$tr = $('<tr></tr>').appendTo( $table );
	$('<td colspan="5"></td>').html('Вартість автомобіля, грн.').css('font-weight','bolder').appendTo( $tr );
	$('<td width="20%"></td>').html($cost).appendTo( $tr );
	
	$tr = $('<tr></tr>').appendTo( $table );
	$('<td colspan="5"></td>').html('Перший внесок, %').css('font-weight','bolder').appendTo( $tr );
	$('<td width="20%"></td>').html($payment).appendTo( $tr );
	
	$tr = $('<tr></tr>').appendTo( $table );
	$('<td colspan="5"></td>').html('Сума лізингу, грн.').css('font-weight','bolder').appendTo( $tr );
	$('<td width="20%"></td>').html($sum).appendTo( $tr );
	
	$tr = $('<tr></tr>').appendTo( $table );
	$('<td colspan="5"></td>').html('Строк, місяців').css('font-weight','bolder').appendTo( $tr );
	$('<td width="20%"></td>').html($term).appendTo( $tr );

	$tr = $('<tr></tr>').appendTo( $table );
	$('<td colspan="5"></td>').html('Відсоткова ставка, %').css('font-weight','bolder').appendTo( $tr );
	$('<td width="20%"></td>').html($percent).appendTo( $tr );

	$tr = $('<tr></tr>').appendTo( $table );
	$('<td colspan="5"></td>').html('Авансовий внесок, грн.').css('font-weight','bolder').appendTo( $tr );
	$('<td width="20%"></td>').html($first).appendTo( $tr );
	
	$tr = $('<tr></tr>').appendTo( $table );
	$('<td colspan="5"></td>').html('Відшкодування вартості реєстрації, грн.').css('font-weight','bolder').appendTo( $tr );
	$('<td width="20%"></td>').html('&mdash;').appendTo( $tr );

	$tr = $('<tr></tr>').appendTo( $table );
	$('<td colspan="5"></td>').html('Кількість людей, що мають право керування *').css('font-weight','bolder').appendTo( $tr );
	$('<td width="20%"></td>').html($people).appendTo( $tr );
	
	$tr = $('<tr></tr>').appendTo( $table );
	$('<td colspan="5"></td>').html('Поточна дата').css('font-weight','bolder').appendTo( $tr );
	$('<td width="20%"></td>').html($today_date).appendTo( $tr );
	
	/*
	 * заголовки в таблице
	 */
	$tr = $('<tr></tr>').appendTo( $table );
	$('<td></td>').html('').addClass('th').appendTo( $tr );
	$('<td></td>').html('Дата платежу').addClass('th').appendTo( $tr );
	$('<td></td>').html('Сума боргу<sup>грн.</sup>').addClass('th').appendTo( $tr );
	$('<td></td>').html('Погашення тіла лізингу<sup>грн.</sup>').addClass('th').appendTo( $tr );
	$('<td></td>').html('Нараховані відсотки<sup>грн.</sup>').addClass('th').appendTo( $tr );
	$('<td></td>').html('Сума до сплати<sup>грн.</sup>').addClass('th').appendTo( $tr );
	
	/*
	 * финальный расчет
	 */
	for ( var i=1; i <= $term; i++ )
	{
		/*
		 * считаем платежи, суммы
		 */
		$ppm = Math.round( ($leasing * ($percent / 36000) * $payment) * 100) / 100;
		$spm = Math.round( ($body + $ppm) * 100) / 100;
		
		/*
		 * суммируем полученое
		 */
		$ptotal = Math.round( ($ptotal + $ppm) * 100) / 100;
		$stotal = Math.round( ($stotal + $spm) * 100) / 100;
		
		/*
		 * получаем дату следуещего платежа
		 */
		if ( $.browser.msie || $.browser.opera )
		{
			date = $day + '.' + $month + '.' + $year;
		} 
		else
		{
			var date = new Date($year, $month, $day).toLocaleFormat('%d.%m.%Y');
		}
		
		/*
		 * пихаем в строку
		 */
		$tr = $('<tr></tr>').appendTo( $table );
		$('<td></td>').text(i).appendTo( $tr );
		$('<td></td>').text(date).appendTo( $tr );
		$('<td></td>').text($leasing.toFixed(2).replace('\.', ',')).css('text-align','right').appendTo( $tr );
		$('<td></td>').text($body.toFixed(2).replace('\.', ',')).css('text-align','right').appendTo( $tr );
		$('<td></td>').text($ppm.toFixed(2).replace('\.', ',')).css('text-align','right').appendTo( $tr );
		$('<td></td>').text($spm.toFixed(2).replace('\.', ',')).css('text-align','right').appendTo( $tr );
		
		/*
		 * расчитываем остаток
		 */
		$leasing = Math.round( ($leasing - $body) * 100) / 100;
		
		/*
		 * приписываем копейки
		 */
		if ( $diff > 0 )
		{
			$leasing = Math.round( ($leasing + $cent) * 100) / 100;
			$diff = $diff - 1;
		}
		
		/*
		 * формируем месяц/год
		 */
		if ( $month == 12 )
		{
			$month = 1;
			$year++;
		}
		else
		{
			$month++;
		}
	}
	/*
	 * предполагаемый остаток
	 */
	$left = 0;
	
	/*
	 * подвал таблицы
	 */
	$tr = $('<tr></tr>').appendTo( $table );
	$('<td colspan="2"></td>').text('Всього:').css('font-weight','bolder').appendTo( $tr );
	$('<td></td>').text($left.toFixed(2).replace('\.', ',')).css('text-align','right').css('font-weight','bolder').appendTo( $tr );
	$('<td></td>').text($sum.toFixed(2).replace('\.', ',')).css('text-align','right').css('font-weight','bolder').appendTo( $tr );
	$('<td></td>').text($ptotal.toFixed(2).replace('\.', ',')).css('text-align','right').css('font-weight','bolder').appendTo( $tr );
	$('<td></td>').text($stotal.toFixed(2).replace('\.', ',')).css('text-align','right').css('font-weight','bolder').appendTo( $tr );
	
	/*
	 * показываем результат
	 */
	$('#static').slideUp();
	$('#leasing-result').slideDown();
	
	/*
	 * стоимость автомобиля, срок и % запишем в форму заявки
	 */
	$('#f-cost').attr('value', $cost);
	$('form#leasing-form select#f-term option[@value*='+$term+']').attr('selected', 'selected');
	$('form#leasing-form select#f-payment option[@value*='+$payment+']').attr('selected', 'selected');
	
	return false;
}