var cars_menu = '<div class="menu showcase">'+
				'	<div class="sc-c passanger">'+
				'		<div class="sc-h">Passanger</div>'+
				'		<div class="sc-list">'+
				'			<a href="/cars/equus/" class="sc-car"><img src="/resources/img/cars/sc/equus.jpg" alt=""/>equus</a>'+
				'			<a href="/cars/genesis/" class="sc-car"><img src="/resources/img/cars/sc/genesis.jpg" alt=""/>genesis</a>'+
				'			<a href="/cars/coupe/" class="sc-car"><img src="/resources/img/cars/sc/genesis-coupe.jpg" alt=""/>genesis coupe</a>'+
				'			<a href="/cars/sonata/" class="sc-car"><img src="/resources/img/cars/sc/sonata.jpg" alt=""/>sonata</a>'+
				'			<a href="/cars/elantra/" class="sc-car"><img src="/resources/img/cars/sc/elantra.jpg" alt=""/>elantra</a>'+
				'			<a href="/cars/i30/" class="sc-car"><img src="/resources/img/cars/sc/i30.jpg" alt=""/>i30</a>'+
				'			<a href="/cars/solaris/" class="sc-car"><img src="/resources/img/cars/sc/solaris.jpg" alt=""/>solaris</a>'+
				'			<a href="/cars/solaris/5d/" class="sc-car"><img src="/resources/img/cars/sc/solaris-5d.png" alt="" class="png"/>solaris (хэтчбек)</a>'+
				'			<div class="clear"></div>'+
				'		</div>'+
				'		<div class="clear"></div>'+
				'	</div>'+
				'	<div class="sc-c recreational">'+
				'		<div class="sc-h">Recreational</div>'+
				'		<div class="sc-list">'+
				'			<a href="/cars/ix55/" class="sc-car"><img src="/resources/img/cars/sc/ix55.jpg" alt=""/>ix55</a>'+
				'			<a href="/cars/santa-fe/" class="sc-car"><img src="/resources/img/cars/sc/santa-fe.jpg" alt=""/>santa fe</a>'+
				'			<a href="/cars/ix35/" class="sc-car"><img src="/resources/img/cars/sc/ix35.jpg" alt=""/>ix35</a>'+
				'			<a href="/cars/h1/" class="sc-car"><img src="/resources/img/cars/sc/h1.jpg" alt=""/>h-1</a>'+
				'			<div class="clear"></div>'+
				'		</div>'+
				'		<div class="clear"></div>'+
				'	</div>'+
				'</div>';

$(document).ready(function() {
	$('#main_menu_container > li').hover(
		function() {
                    clearTimeout(submenu.t);
			var o = $(this);
			$('a', o.parent()).removeClass('h');
			$($('a', o)[0]).addClass('h');
			submenu.show(o);
		}, 
		function() {
			var o = $(this);
			submenu.t = setTimeout(function() {
				submenu.hide(o);
				$($('a', o)[0]).removeClass('h');
			}, 300);
		}
	);
	
	showcase.start();
	
	$('#alias_cars').find('ul.menu').remove().end().append(cars_menu);
});

submenu = {
	shown: null, 
	t: null, 

	show: function(o) {
		var sm = $('.menu', o);
		if(submenu.shown != sm) {
			$('#main_menu_container').find('.menu').hide();
			submenu.shown = sm;
			submenu.shown.slideDown(200, function() {
                            var o = $(this);
                            if(!o.prev().hasClass('h')) o.hide();
                        });
		}
	},
	hide: function(o) {
		submenu.shown = null;
		$('.menu', o).slideUp();
	}
}

showcase = {
	list: new Array(), 
	cur: 0, 
	
	start: function() {
		this.list = $('#presence a');
		showcase.step();
	},
	
	step: function() {
		for(var i = 0; i < showcase.list.length; i++) {
			var o = $(showcase.list[i]);
			if(i == showcase.cur) {
				o.show();
			} else {
				o.hide();
			}
		}
		showcase.cur++;
		if(showcase.cur >= showcase.list.length) showcase.cur = 0;
		
		setTimeout(showcase.step, 3500);
	}
}