var j=jQuery.noConflict();
var t, clas, wyrina, city, current;
j(document).ready(function(){
	j('body').hide();
	j('#illustration').show();
	j('ul.citys').animate({opacity:'0'}, 1);
	j('ul.dealer-info li').hide().css({height:'0px'});
//	j('img').cacheImage({
	j.cacheImage(['../i/gold-far.gif', '../i/gold-near.gif', '../i/gold-closer.png', '../i/logo.png', '../i/menu-bottles.png', '../i/info-packs.jpg', '../i/info-bg.jpg', '../i/violin-mask.gif', '../i/violin.gif', '../i/info-bottles.jpg'], {
		load: function (e) {
	//	console.log('Loaded',  this, e); 
		j('body').show();
		},
		error: function (e) {
	//	console.log('Error',   this, e); 
		j('body').show();
		}
	});
	var body_width = function(){
		wyrina = j('body').width();
		return wyrina;
	}
	var position_px = function() {
		j('#goldCloser').css({left:(wyrina*1.7)+'px'});
		j('#goldNear').css({left:(wyrina*1.2)+'px'});
		j('#goldFar').css({left:wyrina+'px'});
	}
	if (j.browser.msie && (j.browser.version.substr(0,1)=='6')) {
		j('#illustration .picture').css({opacity:'0'});
	};
	if (j.browser.msie && (j.browser.version.substr(0,1)!='6')) {
		j('#illustration .picture').animate({opacity:'0'}, 0);
		j('#illustration').animate({opacity:'1.0'}, 0);
	};
	body_width();
	j(window).resize(function() {
		body_width();
	});
	j('.citys li').click(function () {
		city= j(this).attr('id');
		current= j('ul.dealer-info li.current').attr('id');
		if (j('li#'+city+'City').attr('class')!='current') {
			j('li#'+current).removeClass('current').animate({height:'0px'}, 1000, function() {
				j(this).hide();
				j('li#'+city+'City').show(600).animate({height:'200px'}, 500).addClass('current');
			});
		};
	});
	
	j('#qubstudio').css({left:'21px'})
		j('#madeby').hover(
	      function () {j('#qubstudio').animate({left:'-1px'}, 400);}, 
	      function () {j('#qubstudio').animate({left:'21px'}, 400);});
	      
	var fun = function(event){
		j('.nav > li > div, .nav > li > span.link, #legend, #dealer').bind('click', function(){
			if (j(this).parent('li').is('.current')) return false;

			j('.nav > li > div, .nav > li > span.link, #legend, #dealer').unbind('click');
			t = j(this).is('span') ? j(this).prev('div').attr('id') : j(this).attr('id');
			clas = j('li#'+t+'Info').attr('class');
			ident = j('.info li.current').attr('id');
			if (clas!= 'current') {
				if (j.browser.msie && (j.browser.version.substr(0,1)=='8')) {
					if (ident== 'dealerInfo') {
						current= j('ul.dealer-info li.current').attr('id');
						j('li#'+current).removeClass('current').animate({height:'0px'}, 700).hide();
						j('ul.citys').animate({opacity:'0'}, 300).parent('.citys-box').hide();
						j('#mapCloser').animate({left:'0%'}, 1800).animate({left:'150%'}, 1);
						j('#mapNear').animate({left:'0%'}, 2200).animate({left:'120%'}, 1);
						j('#mapFar').animate({left:'0%'}, 2500).animate({left:'100%'}, 1);
						j('.info li.current').animate({left:'-150%'}, 3000, function(){
							j(this).css({left:'150%'}).removeClass('current');
						});
					} else {
						j('.info li.current').children('div.bg').children('div').fadeOut('normal', function() {
							j(this).parent('div.bg').fadeOut('fast');
						})
						if (ident!= 'legendInfo') {
							j('.info li.current').animate({left:'-150%'}, 3000, function(){
								j(this).css({left:'150%'}).removeClass('current');
							});
						} else {
							j('.info li.current').animate({left:'-150%'}, 3000, function(){
								j(this).css({left:'100%'}).removeClass('current');
							});
						};
					};
				} else {
					if (ident== 'dealerInfo') {
						current= j('ul.dealer-info li.current').attr('id');
						j('li#'+current).removeClass('current').animate({height:'0px'}, 700).hide();
						j('ul.citys').animate({opacity:'0'}, 300).parent('.citys-box').hide();
						j('#mapCloser').animate({left:'0%'}, 1800).animate({left:'150%'}, 1);
						j('#mapNear').animate({left:'0%'}, 2200).animate({left:'120%'}, 1);
						j('#mapFar').animate({left:'0%'}, 2500).animate({left:'100%'}, 1);
						j('.info li.current').animate({left:'-150%'}, 3000, function(){
							j(this).css({left:'150%'}).removeClass('current');
						});
					} else {
						j('.info li.current').children('div.bg').fadeOut('normal').parent('li.current').animate({left:'-150%'}, 3000, function(){
							if (ident!= 'legendInfo') {
								j(this).css({left:'150%'}).removeClass('current');
							} else {
								j(this).css({left:'100%'}).removeClass('current');
							};
						});
					};
				};
				if (t!='legend') {
					if (t!='dealer') {
						position_px();
						j('#goldCloser').animate({left:'-2500px'}, 4100).animate({left:'170%'}, 1);
						j('#goldNear').animate({left:'-1600px'}, 4500).animate({left:'120%'}, 1);
						j('#goldFar').animate({left:'-1000px'}, 4800).animate({left:'100%'}, 1);
						j('#illustration').animate({opacity:'1.0'}, 600).animate({left:'30%'}, 2900);
						j('#illustration .picture').animate({opacity:'0'}, 900).animate({opacity:'1.0'}, 800).animate({opacity:'1'}, 900).animate({opacity:'0'}, 800).parent('#illustration').animate({left:'80%'}, 1);
					} else {
						j('#mapCloser').animate({left:'50%'}, 3000);
						j('#mapNear').animate({left:'50%'}, 3000);
						j('#mapFar').animate({left:'50%'}, 3000, function() {
							j('.citys-box').show().children('.citys').animate({opacity:'1'}, 500);
							j('#LvivCity').show().animate({height:'200px'}, 500).addClass('current');
						});
					};
				};
				if (j.browser.msie && (j.browser.version.substr(0,1)=='8')) {
					if (t!='legend') {
					j('#'+t+'Info').children('div.bg').fadeOut('0').children('div').fadeOut('0').parent('div.bg').parent('#'+t+'Info').animate({left:'0%'}, 4700, function(){
							j(this).children('div.bg').fadeIn('normal', function(){
								j(this).children('div').fadeIn('normal');
								fun();
							});
						}).addClass('current');
					} else {
						j('#'+t+'Info').children('div.bg').fadeOut('0').children('div').fadeOut('0').parent('div.bg').parent('#'+t+'Info').animate({left:'0%'}, 3300, function(){
							j(this).children('div.bg').fadeIn('normal', function(){
								j(this).children('div').fadeIn('normal');
								fun();
							});
						}).addClass('current');
					};
				} else {
					if (t!='legend') {
												j('#'+t+'Info').children('div.bg').fadeOut('0').parent('#'+t+'Info').animate({left:'0%'}, 4700, function(){
							j(this).children('div.bg').fadeIn('normal', function(){
								fun();
							});
						}).addClass('current');

					} else {
						j('#'+t+'Info').children('div.bg').fadeOut('0').parent('#'+t+'Info').animate({left:'0%'}, 3300, function(){
							j(this).children('div.bg').fadeIn('normal', function(){
								fun();
							});
						}).addClass('current');
					};
				};
				j('.nav li.current').removeClass('current');
				j('.header li.current').removeClass('current');
				j('.header div#'+t).parent('li').addClass('current');
				j('.nav div#'+t).parent('li').addClass('current');
			};
			return false;
		});
	}
	fun();
});