$(document).ready(function () 
{
	//if ($('#table').length > 0) loadTable();
	loadTable();
});

function smPopupShow()
{
	if (lang != "/en") return;
	if ($.cookie("smPopupDisabled")) return;

	var popupHTML = '<div id="smPopup"><div></div><object id="iPhone" width="175" height="302"><param name="movie" value="/images/simple_iphone.swf"><param name="wmode" value="transparent"> <embed src="/images/simple_iphone.swf" width="175" height="302" wmode="transparent"></embed></object><div id="price"></div><a id="contactUsBtn" onclick="smPopupCloseContactUs();" class="button" href="#"></a><a id="noThanksBtn" class="button" href="#" onclick="smPopupNoThanks();"></a></div>';
	$("#wrap").append(popupHTML);
	$("#smPopup").css("top", ( $(window).height() - $("#smPopup").height() ) / 2);
    $("#smPopup").css("left", ( $(window).width() - $("#smPopup").width() ) / 2);
}

function smPopupNoThanks()
{
	$.cookie("smPopupDisabled", 'true', { path: '/', expires: 3 });
	$("#smPopup").remove();
}

function smPopupCloseContactUs()
{
	$.cookie("smPopupDisabled", 'true', { path: '/', expires: 3 });
	window.location = "/en/contacts/";
}

function initHint (objectID, title, hRight, hTop)
{
	$('#'+objectID).hoverIntent({
				sensitivity: 3, 
				interval: 200, 
				over: function() { showHint ("h"+objectID, title, hRight, hTop); }, 
				timeout: 500, 
				out: function() { hideHint ("h"+objectID); }
	});	
}

function showHint (id, title, hRight, hTop)
{
	var hint = '<div class="hint" id="'+id+'">';
	hint += title;
	hint += '<div class="l"></div>';
	hint += '<div class="r"></div>';
	hint += '<div class="a"></div>';
	hint += '</div>';
	
	$('#'+id).remove();
	$('#header').append(hint);
	$('#'+id).css("opacity", 0);
	$('#'+id).css("top", hTop);
	$('#'+id).css("right", hRight);
	$('#'+id).show();
	$('#'+id).animate({opacity: 0.7}, "slow");
}

function hideHint (id)
{
	$('#'+id).animate({opacity: 0}, 300);
}

function loadTable ()
{
	$('#header').append('<img id="loader" style="top: 200px; right: 350px;" src="/images/loader.gif" />');
	var table = document.createElement('img');
	table.onload = function (evt) 
	{
		$('#header #loader').remove();
		$('#header').append('<div id="shelfTop"></div><div id="shelf"></div><div id="table"></div>');
		
		if ($('.projectDetails').html()) loadChair2();
		else loadChair();
	}
	$(table).attr('src', '/images/table.jpg');
	
}

function loadChair ()
{
	$('#header').append('<img id="loader" style="top: 490px; right: 370px;" src="/images/loader.gif" />');
	var chair = document.createElement('img');
	chair.onload = function (evt) 
	{
		$('#header #loader').remove();
		$('#header').append('<div id="chair"></div>');
		loadOther();
	}
	$(chair).attr('src', '/images/chair.png');
}

function loadChair2 ()
{
	$('#header').append('<img id="loader" style="top: 590px; right: 190px;" src="/images/loader.gif" />');
	var chair = document.createElement('img');
	chair.onload = function (evt) 
	{
		$('#header #loader').remove();
		$('#header').append('<div id="chair2"></div>');
		loadOther();
	}
	$(chair).attr('src', '/images/chair2.png');
}



function loadOther ()
{
	$('#header').append('<div id="display"></div><div id="keyboard"></div><div id="tablet" class="official"></div><div id="mouse"></div><div id="flower"></div><div id="coffee" class="official"></div><div id="paper"></div>');
	//$('#header').append('<div id="display"></div><div id="keyboard"></div><div id="tablet" class="official"></div><div id="mouse"></div><div id="christmas-tree"></div><div id="coffee" class="official"></div><div id="paper"></div>');

	$('#header').append('<div id="palm"></div>');
	
	//Non official
	$('#header').append('<div id="smile" class="notOfficial"></div><div id="tabletWithChips" class="notOfficial"></div><div id="cigarettes" class="notOfficial"></div><div id="ashTray" class="notOfficial"></div><div id="beer" class="notOfficial"></div><div id="magazinesPorno" class="notOfficial"></div><div id="notepadPorno" class="notOfficial"></div>');

	
	$('#header').append('<div id="magazines" class="official"></div>');
	
	/*
	//Flowers
	$('#header').append('<div class="flowers"></div>');
	if (lang == "/en") initHint ('flowers', 'С 8 марта, женщины!!!', 585, 155);
	if (lang == "/de") initHint ('flowers', 'С 8 марта, женщины!!!', 580, 155);
	if (lang == "") initHint ('flowers', 'С 8 марта, женщины!!!', 580, 155);
	*/
	
	
	//Christmas tree
	//$('#header').append('<div id="christmas-tree"></div>');
	if (lang == "/en") initHint ('christmas-tree', 'Happy new year! :)', 15, 75);
	if (lang == "") initHint ('christmas-tree', 'С новым годом! :)', 15, 75);
	
	
	//About us
	$('#header').append('<a id="flash" href="'+lang+'/about-us/"></a>');
	if (lang == "/en") initHint ('flash', 'About Us', 772, 115);
	if (lang == "/de") initHint ('flash', 'Über uns ', 772, 115);
	if (lang == "") initHint ('flash', 'О нас ', 785, 115);
	
	//Contacts
	$('#header').append('<a id="cellphone" href="'+lang+'/contacts/"></a>');
	if (lang == "/en") initHint ('cellphone', 'Contact us', 402, 210);
	if (lang == "/de") initHint ('cellphone', 'Kontakte', 410, 210);
	if (lang == "") initHint ('cellphone', 'Контакты', 410, 210);
	
	//Portfolio
	$('#header').append('<a id="notepad" class="official" href="'+lang+'/portfolio/"></a>');
	if (lang == "/en") initHint ('notepad', 'Portfolio', 530, 190);
	if (lang == "/de") initHint ('notepad', 'Portfolio', 530, 190);
	if (lang == "") initHint ('notepad', 'Портфолио', 530, 190);

	//Services
	$('#header').append('<a id="camera" class="official" href="'+lang+'/services/"></a>');
	if (lang == "/en") initHint ('camera', 'Services', 415, 75);
	if (lang == "/de") initHint ('camera', 'Dienstleistungen', 380, 75);
	if (lang == "") initHint ('camera', 'Услуги', 430, 75);
	
	initShefl();
}

function initShefl()
{
	$('#shelf').html('<div id="shelfPic"><img src="'+$('#shelfPicParams img').attr('src')+'" /></div><div id="shelfInnerShadow"></div>');
	$('#header').append('<div id="shelfTopShadow"></div><a id="shelfToggle" href="'+$('#shelfPicParams').attr('href')+'" title="'+$('#shelfPicParams').attr('title')+'" onfocus="this.blur()"></a>');
	
	$('#shelfToggle').hoverIntent({
		sensitivity: 3, 
		interval: 200, 
		over: function() { $('#shelf').animate({top: 360}, 600); }, 
		timeout: 500, 
		out: function() { $('#shelf').animate({top: 270}, 600); }
	});
	
	smPopupShow();
	initVersionToggler ();
}

function initVersionToggler ()
{
	$('#logo').hoverIntent({
		sensitivity: 3, 
		interval: 200, 
		over: function() { toggleVersion ("notOfficial"); }, 
		timeout: 500, 
		out: function() { toggleVersion ("official"); }
	});
}

function toggleVersion (version)
{
	if (version == "notOfficial")
	{
		$('.official').css("opacity", 1);
		$('.official').animate({opacity: 0}, 600);
		$('.notOfficial').css("opacity", 0);
		$('.notOfficial').css("visibility", "visible");
		$('.notOfficial').animate({opacity: 1}, 600);
	}
	else
	{
		$('.notOfficial').css("opacity", 1);
		$('.notOfficial').animate({opacity: 0}, 600);
		$('.official').css("opacity", 0);
		$('.official').animate({opacity: 1}, 600);
	}
}

function slideMenu (id)
{
	$('#'+id).animate({height: 'toggle'}, 700);
	
}