var _evt = YAHOO.util.Event, _dom = YAHOO.util.Dom, _connect = YAHOO.util.Connect;
_evt.onDOMReady
(
	function()
	{
		if(YAHOO.env.ua.ie && (YAHOO.env.ua.ie < 7))
		{
			minWidth();
			_evt.on(window, 'resize', minWidth);
		}
		if(_dom.get('collage'))
		{
			setCollageBackground();
			collagePreloader();
		}
	}
);

function minWidth()
{
	var wr = _dom.get('wrapper'), footer = _dom.get('footer'), html = document.documentElement;
	wr.style.width = (html.offsetWidth < 990) ? '990px' : (html.offsetWidth > 1220) ? '1220px' : 'auto';
	footer.style.width = (html.offsetWidth < 990) ? '990px' : (html.offsetWidth > 1220) ? '1220px' : 'auto';
}

function setFixPng(arr)
{
	for(var i=0, l=arr.length; i < l; i++)
	{
		fixPNG(arr[i]);
	}
}

function fixPNG(el)
{
    var src;
    src = el.src;
    el.src = '/i/blank.gif';
    el.runtimeStyle.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + src + '\',sizingMethod=\'scale\')';
}

function randomNumber()
{
	return Math.abs(Math.floor(Math.random()*10) + 4);
}


function collagePreloader()
{
	for(var i = 1; i < 15; i++)
	{
		var img = document.createElement('img');
		img.src = '/i/collage'+i+'.jpg';
		img.style.display = 'none';
		document.getElementsByTagName('body')[0].appendChild(img);
	}
}

var collageIndex = 0;
function setCollageBackground()
{
	//collageIndex = randomNumber();
	//_dom.get('collage').style.background = 'url(/i/collage'+collageIndex+'.jpg) top left no-repeat';
	setTimeout(collageShuffle, 5000);
}

function collageShuffle()
{
	var div = _dom.get('collage');
	new Effect.Opacity
	(
		'collage',
		{ 
			from: 1.0, to: 0, duration: 1.0 ,
			afterFinish : function()
			{
				collageIndex = (collageIndex < 14) ? (collageIndex+1) : 1;
				div.style.background = 'url(/i/collage'+collageIndex+'.jpg) top left no-repeat';
				new Effect.Opacity('collage',{from: 0, to: 1.0, duration: 1});
				setTimeout(collageShuffle, 5000);
			}
		}
	);
}




function toggleUnit(id,el)
{
	if(_dom.get(id).offsetHeight == 0)
	{
		_dom.get(id).style.display = '';
		el.innerHTML = (el.innerHTML == 'посмотреть фотогалерею') ? 'закрыть' : 'close';
	}
	else
	{
		_dom.get(id).style.display = 'none';
		el.innerHTML = (el.innerHTML == 'закрыть') ? 'посмотреть фотогалерею' : 'show gallery';
	}
}

function zoomIt(el,src,e)
{
	_evt.stopPropagation(e);
	_evt.preventDefault(e);
	removeBigImage(e);
	var selectedImage = _dom.getElementsByClassName('selected', 'img');
	if(selectedImage.length > 0) for(var i = 0; i < selectedImage.length; i++) { selectedImage[i].className = ''; };
	el.className = 'selected';
	_utils.loadingPanelShow('Загрузка...', '#fff', '#e6002f', '', 100);
	var div = document.createElement('div'),
		img = new Image(),
		closer = document.createElement('div'),
		body = document.getElementsByTagName('body')[0],
		html = document.documentElement;
	//create image container properties
	div.id = 'xxx-image';
	div.style.border = '2px solid #e6002f';
	div.style.position = 'absolute';
	div.style.zIndex = '10000';
	div.style.font = 'normal 12px Arial';
	
	//create closer container
	closer.id = 'xxx-image-close';
	closer.style.position = 'absolute';
	closer.style.top = '0';
	closer.style.right = (YAHOO.env.ua.ie) ? ((YAHOO.env.ua.ie < 7) ? '-1px' : '0') : '0';
	closer.style.background = '#e6002f';
	closer.style.color = '#fff';
	closer.style.padding = '0 4px';
	closer.style.fontSize = '16px';
	closer.style.cursor = 'pointer';
	//after image has loaded
	img.onload = function()
	{ 
		scrollFix = (YAHOO.env.ua.webkit) ? body.scrollTop : html.scrollTop;
		div.style.top = Math.round((html.clientHeight - div.offsetHeight)/2) + scrollFix + 'px';
		div.style.left = Math.round((html.clientWidth - div.offsetWidth)/2) + 'px';
		div.style.visibility = 'visible';
		_evt.on(html, 'click', removeBigImage);
		_evt.on(this, 'click', removeBigImage);
		_utils.loadingPanelHide('', '', '', '', 10);
	}
	
	body.appendChild(div);
	div.appendChild(img);
	div.appendChild(closer);
	div.style.visibility = 'hidden';
	closer.innerHTML = '×';
	img.src = src;
	img.style.verticalAlign = 'bottom';
	_evt.on(closer, 'click', removeBigImage);
}

function removeBigImage(e)
{
	_evt.stopPropagation(e);
	if(_dom.get('xxx-image')) _dom.get('xxx-image').parentNode.removeChild(_dom.get('xxx-image'));
}























