mjuCommand = 'pause';


$(document).ready(function ()
{
	if ($("#faq").length) initHomepageFAQ();
	if ($(".cars").length) scenaryParking("init");
    if ($("#bestWorks").length) initHomepageBEST();
});

window.onload = function() {
	$('#mjuBlock').load('/views/mju.html');
	mjuCond = getCookie('mjuCond');
	if (mjuCond == 'pause') {
		mjuCommand = 'play';
		//$("#icoMuzic").css("background-position",  "0 -11px");
	}
	//var mc = ie ? window.mju : window.document.mju;
	//mjuCon = mc.GetVariable("do_pause");
	
}


function illHome_DoFSCommand(command, args)
{
	scenaryHome(1);

}

function toggleLoader (act)
{
	$("#loader").remove();
	if (act == "show") $("#illustration").append('<img id="loader" src="/images/loader.gif" />'); 	
}

function initHomepageFAQ ()
{
	$("#faq .faqItem a").click(function ()
	{
		$("#faq .desc").hide();
		$(this).parent().find("div.desc").toggle();
		$("#faq .faqItem a").attr("href", "#");
		$("#faq .faqItem a").removeClass();

		$(this).addClass("selected");
		$(this).removeAttr("href");
		return false;
	});
}

function showBalloon (tail, leftPos, topPos, text, leftBtn, leftClick, rightBtn, rightClick)
{
	if ($("#balloon").length) $("#balloon").remove();
	var html = '<div id="balloon" style="left: '+leftPos+'; top: '+topPos+';">';
	html += '<div id="balloonTop"></div>';
	html += '<div id="balloonInner">';
	html += text+'<br />';
	html += '<div id="balloonButtons">'
	html += '<a href="#" onclick="'+leftClick+'; return false;" class="sel">'+leftBtn+'</a>';
	if (rightBtn) html += ' <a href="#" onclick="'+rightClick+'; return false;">'+rightBtn+'</a>';
	html += '</div>';
	html += '</div>';
	html += '<div id="balloonBottom"></div>';
	html += '<div id="balloonTail'+tail+'"></div>';
	html += '</div>';
	
	setTimeout (function() 
	{ 
		$("#illustration").append(html);
			
		setTimeout (function() 
			{
				$("#balloonButtons").show(); 
			}, 500);			
		
	}, 500 );
}

function toggleHomeColumn (id)
{
	if ($('#'+id).css('overflow') == 'visible')
	{
		$('#'+id).css({'height': '130px', 'overflow': 'hidden'});
		if ($.browser.msie && parseInt(jQuery.browser.version.substr(0,1)) <= "6") $("#wrap").height("");
		return false;
	}
	
	$('#'+id).css({'height': '100%', 'overflow': 'visible'}); 
	if ($.browser.msie && parseInt(jQuery.browser.version.substr(0,1)) <= "6") $("#wrap").height("100%");
	return false;
}

function scenaryHome (step)
{
   toggleLoader("hide");
   switch (step)
   {
		case 1:
	   		showBalloon ("Left", "55%", "100px", "Привет, я Маша.<br> Хочешь прокатиться?", "Давай!", "scenaryDrive(1)", "Нет, спасибо", "scenaryHome(2)");
			break;
			
		case 2:
			showBalloon ("Left", "55%", "100px", "Ой, да ладно! <br>Поехали! ;)", "Уговорила", "scenaryDrive(1)", "Я сказал нет!", "scenaryHome(3)");
			break;
		
		case 3:
			showBalloon ("Left", "55%", "100px", "Ну как знаешь! :(<br> Передумаешь - скажешь.", "Спросить Машу", "scenaryHome(4)");
			break;

		case 4:
			showBalloon ("Left", "55%", "100px", "Что, передумал?<br>", "Да! Поехали.", "scenaryDrive(1)", "Нет", "scenaryHome(3)");
			break;
   }
}

function scenaryDrive (step)
{
   switch (step)
   {
		case 1:
			
			$("#bestWorks").animate({opacity: 0}, 1000, function(){$("#bestWorks").remove();});
			$("#faq").animate({opacity: 0}, 1000, function(){$("#faq").remove();} );
			$("#partners").animate({opacity: 0}, 1000, function(){$("#partners").remove();} );
			
			$("#illustration").html('');
			
			toggleLoader("show");
			var img = document.createElement('img');
			img.onload = function (evt) 
			{
				$("#illustration").html('<div id="illDrive"></div>');
				toggleLoader("hide");
				showBalloon ("Right", "10%", "250px", "Классно  едет, правда? Ты не поверишь, но она на газу!", "Продолжить", "scenaryDrive(2)");
			}
			$(img).attr('src', '/images/illustration_drive.png');
				
			break;

		case 2:
			showBalloon ("Right", "10%", "250px", "Не думал поставить газ на свою?", "Да, меня это интересует", "scenaryDrive(3)", "Нет, а зачем?", "scenaryDrive(4)");
			break;

		case 3:
			showBalloon ("Right", "10%", "250px", "Ок, мне как раз надо заскочить к Иванычу, он тебе все и расскажет.", "Едем к Иванычу", "scenaryBox(1)");
			break;

		case 4:
			showBalloon ("Right", "10%", "250px", "Нууу, у газа много преимуществ. Слушай, ты не против, если мы заскочим на 5 мин к Иванычу - он автомеханик, мне надо у него кое-что узнать? ;)", "Ноу проблем - поехали", "scenaryBox(1)");
			break;
			
			
   }
}

function scenaryBox (step)
{
   switch (step)
   {
		case 1:
			$("#illustration").html('');
			
			toggleLoader("show");
			var img = document.createElement('img');
			img.onload = function (evt) 
			{
				$("#illustration").html('<div id="illBox"></div>');
				toggleLoader("hide");
				showBalloon ("Right", "54%", "150px", "Добрый день, меня зовут Анатолий, я главный механик.", "Продолжить", "scenaryBox(2)");
			}
			$(img).attr('src', '/images/illustration_box.png');
			 
			
				
			break;
			
		case 2:
			showBalloon ("Right", "54%", "150px", "Вы не задумывались об установке газа? Давайте я расскажу о газе подробнее?", "Продолжить", "scenaryBox(3)");
			break;
		
		case 3:
			showBalloon ("Right", "54%", "150px", "Преимущества газа перед бензином:<ul><li>увеличение межремонтного периода работы двигателя в 1,5 раза</li><li>увеличение срока службы моторного масла в 1,5....2 раза</li><li>двигатель работает тише, как минимум в 2 раза</li><li>увеличение срока службы свечей зажигания на 40%</li><li>снижение токсичности выхлопных газов</li><li>и самое главное: <b>ездить на газе дешевле</b></li></ul>", "Продолжить", "scenaryBox(4)");
			break;
		
		case 4:
			showBalloon ("Right", "54%", "150px", "А теперь я расскажу о каждом виде газа отдельно, что вас интересует?", "Метан", "scenaryBox(5)", "Пропан", "scenaryBox(6)");
			break;
			
		case 5:
			showBalloon ("Right", "54%", "150px", "Метан на данный момент - <b>самый дешевый вид автомобильного топлива</b>.<br><br> Соотношение цен бензин/пропан-бутан/метан всегда колеблется в пропорции 100%/65%/40%.<br><br> Вредные выбросы при работе на метане в 4-5 раз меньше, чем при использовании бензина.<br><br><b>Это самый безопасный вид топлива!</b> В месте прорыва газовой магистрали возгорание смеси просто невозможно (в месте обрыва шланга гаснет сигаретный окурок!). <br><br> Ну и, наконец, работа автомобиля на метане не зависит от климатических условий.", "Спросить о пропане", "scenaryBox(6)", "Продолжить разговор", "scenaryBox(7)");
			break;
			
		case 6:
			showBalloon ("Right", "54%", "150px", "К преимуществам использования пропан-бутана как автомобильного топлива следует отнести, в первую очередь, достаточно разветвленную на сегодня сеть заправочных станций.<br><br>Запас хода на пропане достаточно большой.<br><br>Еще плюсами являются невысокая стоимость оборудования (опять же, по сравнению с оборудованием для метана). Минусом является <b>более высокая цена чем у метана</b>.", "Спросить о метане", "scenaryBox(5)", "Продолжить разговор", "scenaryBox(7)");
			break;
			
		case 7:
			showBalloon ("Right", "54%", "150px", "На нашей стоянке вы можете посмотреть примеры установок газобалонного оборудования на разные типы автомобилей", "Идти на стоянку", "window.location = '/parking'", "Спросить о газе", "scenaryBox(3)");
			break;
			
   }
}

var carChosen = 0;
var wrapHeight = 0;

function scenaryParking (step)
{
   switch (step)
   {
		case "init":
			wrapHeight = $("#wrap").height();
			
/*			$(function()
			{
				$('.carsPhotos a').lightBox({
					imageLoading: '/js/lightbox/images/loading.gif',
					imageBtnClose: '/js/lightbox/images/close.gif',
					imageBtnPrev: '/js/lightbox/images/prev.gif',
					imageBtnNext: '/js/lightbox/images/next.gif'
				});
			});
*/
			$(".cars").click(function () 
			{
				if (carChosen) {
					scenaryParking("back");
					carChosen = 0;
					return false;
				}
				var clickedObj = this;
				var carsID = 0;
				
				$(".cars").each(function(i) 
				{
					if (this != clickedObj) $(this).fadeOut(400);
					else carsID = i + 1;
				});
				
				$(clickedObj).animate({top: "280px", left: "40%"}, 1000, null, function()
				{
					if ($("#carsDescription"+carsID).height() > 190) 
					{
						$("#wrap").height(wrapHeight + $("#carsDescription"+carsID).height() - 190);
					}
					$("#carsDescription"+carsID).show();
					carChosen = 1;
				});
				
				return false;
			});
			break;
			
		case "back":
			$(".carsDescriptions").hide();
			$("#wrap").height(wrapHeight);
			
			$("#cars1").animate({"left" : "15%", "top" : "250px"}, 1000, null);
			$("#cars2").animate({"left" : "65%", "top" : "280px"}, 1000, null);
			$("#cars3").animate({"left" : "40%", "top" : "400px"}, 1000, null);
			$("#cars4").animate({"left" : "15%", "top" : "530px"}, 1000, null);
			$("#cars5").animate({"left" : "65%", "top" : "550px"}, 1000, null);
			
			$(".cars").fadeIn(500);
			break;
   }
}

var index = new Array();
function initHomepageBEST ()
{
	$("#bestWorks a.car").click(
        function ()
    	{
            var id = $(this).attr('id');
            $("#bestWorks .imgs").hide();

            if(!index[id])
            {   index = new Array();
                index[id]=1;
                $(this).parent().find("div.imgs").show();
         		$("#bestWorks a.car").removeClass("selected");
    	    	$(this).addClass("selected");
            }
            else
            {   index = new Array();
                $("#bestWorks a.car").removeClass("selected");
            }
    		return false;
    	}
    );
}

var opera = Boolean(window["opera"]);
var ie = (navigator.appName.indexOf("Microsoft") != -1) && !opera;

function mju_play_track(num) {
	if (num <= 0) return false;
	var mc = ie ? window.mju : window.document.mju;
	mc.SetVariable("play_track",num);
}

function mju_play_file(chars) {
	if (!chars.length) return false;
	var mc = ie ? window.mju : window.document.mju;
	mc.SetVariable("play_file",chars);
}

function mju_do(cmd) {
	if (!cmd.length) return false;
	var mc = ie ? window.mju : window.document.mju;
	mc.SetVariable("do_"+cmd," ");
	
	if (cmd == 'pause') {
		mjuCommand = 'play';
		$("#icoMuzic").css("background-position",  "0 -11px");
		setCookie('mjuCond', 'pause', 60*60*24*30);
	} else {
		mjuCommand = 'pause';
		$("#icoMuzic").css("background-position",  "0 0");
		setCookie('mjuCond', 'play', 60*60*24*30);
	}
}

function setCookie(c_name,value,expiredays) {
var exdate=new Date();
exdate.setDate(exdate.getDate()+expiredays);
document.cookie=c_name+ "=" +escape(value)+
((expiredays==null) ? "" : ";expires="+exdate.toGMTString());
}

function getCookie(c_name) {
if (document.cookie.length>0)
  {
  c_start=document.cookie.indexOf(c_name + "=");
  if (c_start!=-1)
    { 
    c_start=c_start + c_name.length+1; 
    c_end=document.cookie.indexOf(";",c_start);
    if (c_end==-1) c_end=document.cookie.length;
    return unescape(document.cookie.substring(c_start,c_end));
    } 
  }
return "";
}