// JavaScript Document

$(document).ready(function(){
	$('div.topMenuHolder > a').append('<ins></ins>');
	$('div.topMenuHolder > div').append('<ins></ins>');
	
	$('div.textContent div.imgHolder img').each(
		function() {
			$(this).parent('div.imgHolder').css('width', $(this).width() + 6);
		}
	);
	
	$('div.textContent div.imgHolder').prepend('<div class="top"><ins></ins></div>').append('<div class="bottom"><ins></ins></div>');
	
	$('div.boldDivider').append('<div class="r"></div><div class="l"></div>');
	
	var openAnchor = window.location.hash.split("#")[1];
	
	if (openAnchor != undefined) {
		$.scrollTo('#anchor_' + openAnchor, {duration:500});
	}
});

$.fn.delay = function(time, callback){
    jQuery.fx.step.delay = function(){};
    return this.animate({delay:1}, time, callback);
}

function pageWorks(pageNum) {
	$('#worksHolder').load('dmodules/works/page' + pageNum + '.html', {}, function() {prepareWorkGallery();});
}

function prepareWorkGallery() {
	var $worksDescrBlock = $('#workDescription');
	var $worksImage = $('#worksImage');
	
	if ($.browser.msie) {
		var timeOfFade = 0;
	} else {
		var timeOfFade = 200;		
	}
	
	$('#worksHolder > div.itemHolder > img').each(
		function() {
			$(this).hover(
				function() {
					$(this).css('background-position', '0px -50px');
					
					$worksDescrBlock.stop(true, true);
					
					var iWidth = $(this).siblings('div.width').text();
					var iHeight = $(this).siblings('div.height').text();
					var iText = $(this).siblings('div.title').text();
					var iSrc = $(this).siblings('div.src').text();
					
					$worksImage.css('width', iWidth + 'px').css('height', iHeight + 'px').attr('src', iSrc);
					
					$worksDescrBlock.find('td.l div').css('height', iHeight + 'px');
					$worksDescrBlock.find('td.r div').css('height', iHeight + 'px');
					
					var dTop = $(this).offset().top - iHeight - 50;
					var dLeft = $(this).offset().left - iWidth / 2;
					var pLeft = - (2091 - parseInt(iWidth)) / 2;
					
					while (dLeft < 0) {
						dLeft += 68;
						pLeft -= 68;
					}
					
					$worksDescrBlock.find('td.b div img').css('left', pLeft);
					
					$worksDescrBlock.css('top', dTop).css('left', dLeft).fadeIn(timeOfFade);
				},
				function() {
					$worksImage.attr('src', 'images/spacer.gif');
					$(this).css('background-position', '0px 0px');
					$worksDescrBlock.fadeOut(timeOfFade);
				}
			);
		}
	);
}