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

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="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="magazinesP" class="notOfficial"></div><div id="notepadP" 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);
	*/
	
	//About us
	$('#header').append('<a id="flash" href="about.html"></a>');
	if (lang == "/en") initHint ('flash', 'درباره ما', 772, 115);
	if (lang == "/de") initHint ('flash', 'Ãœber uns ', 772, 115);
	if (lang == "") initHint ('flash', 'О нас ', 785, 115);
	
	//Contacts
	$('#header').append('<a id="cellphone" href="contacts.html"></a>');
	if (lang == "/en") initHint ('cellphone', 'تماس با ما', 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="portfolio.html"></a>');
	if (lang == "/en") initHint ('notepad', 'نمونه کارها', 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="services.html"></a>');
	if (lang == "/en") initHint ('camera', 'خدمات', 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); }
	});
	
	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);
	
}