ms = 0;		// нажата или нет кнопка мыши
gy = 0;		// Y-координата курсора, когда нажали на кнопку
gmt = 0;	// текущий маргинтоп ползунка
cgmt = 0;	// маргинтоп ползунка при нажатой кнопке в каждый момент времени

function fMS(e)
{
	var obj = document.getElementById('dscr');
	if (obj && obj.innerHTML != '')
	{
		e = e ? e : window.event;
		var delta = e.detail ? (e.detail * -1) : e.wheelDelta / 40;

		delta = delta / 3;
		ff(-40*delta);
		gmt = cgmt;
	}
	return false;
}

function fMD(event)
{
	ms = 1;
	gy = event.clientY;
}

function fMU()
{
	ms = 0;
	gmt = cgmt;
}

function fBM(event)
{

	if (ms == 1)
	{
		var r = event.clientY - gy;
		ff(r);
	}
}
function ff(r)
{
	if (document.documentElement.clientHeight)
	{
		var t = document.getElementById('p221').clientHeight;
		var m = document.getElementById('p22').clientHeight;
	}
	else
	{
		var t = document.getElementById('p221').offsetHeight;
		var m = document.getElementById('p22').offsetHeight;
	}
	var r2 = -1 * ((gmt + r) * ((t - m) / (m - 14)));

	if ((gmt + r) >= 0 && (gmt + r) <= (m - 14)) // 14 - высота курсора
	{
		cgmt = gmt + r;
		fScrollElem(cgmt, r2);
	}
	else
		if ((gmt + r) < 0)
		{
			fScrollElem(0, 0);
			cgmt = 0;
		}
		else
			if ((gmt + r) > (m - 14))
			{
				var h2 = m - 14;
				var h3 = -1 * (t - m);
				fScrollElem(h2, h3);
				cgmt = h2;
			}
}

function fScrollElem(d1, d2)
{
	document.getElementById('scr').style.marginTop = d1 + 'px';
	document.getElementById('p221').style.marginTop = d2 + 'px';
}

/*
Кроссбраузерная функция для установки обработчика событий на любой элемент.

Параметры:
element - id элемента или ссылка на элемент
eventname - название события (без "on"
callback - ссылка на функцию-обработчик
*/
function fHookEvent(element, eventName, callback)
{
	if (typeof(element) == 'string')
		element = document.getElementById(element);

	if (element == null)
		return;

	if (element.addEventListener)
	{ // Firefox
		if (eventName == 'mousewheel')
		{
			element.addEventListener('DOMMouseScroll', callback, false);
		}
		element.addEventListener(eventName, callback, false);
	}
	else
		if (element.attachEvent)
			element.attachEvent('on' + eventName, callback);
}
function getDocumentHeight()
{
  return (document.body.scrollHeight > document.body.offsetHeight)?
    document.body.scrollHeight:
    document.body.offsetHeight;
}
function getBodyScrollTop()
{
  return self.pageYOffset ||
    (document.documentElement && document.documentElement.scrollTop) ||
    (document.body && document.body.scrollTop);
}

function fUpdateHeight()
{
	var tlinks = document.getElementById('p221').innerHTML;
	document.getElementById('p221').innerHTML = '';
	var s1 = getDocumentHeight();
	if (document.documentElement.clientHeight)
	{
		var s2 = document.documentElement.clientHeight;
		var w = document.documentElement.clientWidth;
	}
	else
	{
		var s2 = window.innerHeight;//
		var w = window.innerWidth;
	}
	if (s1 > s2)
	{
		var s = s1;
	}
	else
	{
		var s = s2;
	}
	document.getElementById('p221').innerHTML = tlinks;
	if (document.documentElement.clientHeight)
	{
		var t = document.getElementById('p221').clientHeight;
		var td1 = document.getElementById('td1').clientHeight;
		var td2 = document.getElementById('td2').clientHeight;
		var td3 = document.getElementById('td3').clientHeight;
		var td4 = document.getElementById('td4').clientHeight;
		var td5 = document.getElementById('td5').clientHeight;
		var td6 = document.getElementById('td6').clientHeight;
		var td7 = document.getElementById('td7').clientHeight;

		var ff1 = document.getElementById('p21').clientWidth;
		var ff2 = document.getElementById('p23').clientWidth;
	}
	else
	{
		var t = document.getElementById('p221').offsetHeight;
		var td1 = document.getElementById('td1').offsetHeight;
		var td2 = document.getElementById('td2').offsetHeight;
		var td3 = document.getElementById('td3').offsetHeight;
		var td4 = document.getElementById('td4').offsetHeight;
		var td5 = document.getElementById('td5').offsetHeight;
		var td6 = document.getElementById('td6').offsetHeight;
		var td7 = document.getElementById('td7').offsetHeight;

		var ff1 = document.getElementById('p21').offsetWidth;
		var ff2 = document.getElementById('p23').offsetWidth;
	}

	var n = s - td1 - td2 - td3 - td4 - td5 - td6 - td7;//165 - 25 - 18 - 42 - 25 - 11 - 8
	var w = w - ff1 - ff2;

	document.getElementById('p22').style.height = n + 'px';

	var um = 0;
	if (t > n)
	{
		document.getElementById('dscr').innerHTML = '<img class="s2" src="/img/s2.gif" id="scr" onMouseMove="return false;" onMouseDown="fMD(event); return false;">';
		var um = 14;
	}
	else
	{
		document.getElementById('dscr').innerHTML = '';
	}

	var um = ((w - 666 - um) / 2).toFixed(0);
	document.getElementById('p221').style.marginLeft = um + 'px';

	var height=0;
	var width=0;
	if (self.screen)
	{
		width = screen.width;
		height = screen.height;
	}
	else if (self.java)
	{
		var jkit = java.awt.Toolkit.getDefaultToolkit();
		var scrsize = jkit.getScreenSize();
		width = scrsize.width;
		height = scrsize.height;
	}
	if (document.getElementById('p221').clientHeight)
	{
		var ch1 = document.getElementById('p221').clientHeight;
	}
	else
	{
		var ch1 = document.getElementById('p221').offsetHeight;
	}

	var fff = ((n - ch1) / 2).toFixed(0);

	if (fff < 0)
	{
		fff = 0;
	}
	document.getElementById('p221').style.marginTop = fff + 'px';
	document.getElementById('p221').style.paddingTop = '0px';
}
function fUpdateHeight2()
{
	var tlinks = document.getElementById('p221').innerHTML;
	document.getElementById('p221').innerHTML = '';
	var s1 = getDocumentHeight();
	if (document.documentElement.clientHeight)
	{
		var s2 = document.documentElement.clientHeight;
		var w = document.documentElement.clientWidth;
	}
	else
	{
		var s2 = window.innerHeight;//
		var w = window.innerWidth;
	}
	if (s1 > s2)
	{
		var s = s1;
	}
	else
	{
		var s = s2;
	}
	document.getElementById('p221').innerHTML = tlinks;
	if (document.documentElement.clientHeight)
	{
		var t = document.getElementById('p221').clientHeight;
		var td1 = document.getElementById('td1').clientHeight;
		var td2 = document.getElementById('td2').clientHeight;
		var td3 = document.getElementById('td3').clientHeight;
		var td4 = document.getElementById('td4').clientHeight;
		var td5 = document.getElementById('td5').clientHeight;
		var td6 = document.getElementById('td6').clientHeight;
		var td7 = document.getElementById('td7').clientHeight;
	}
	else
	{
		var t = document.getElementById('p221').offsetHeight;
		var td1 = document.getElementById('td1').offsetHeight;
		var td2 = document.getElementById('td2').offsetHeight;
		var td3 = document.getElementById('td3').offsetHeight;
		var td4 = document.getElementById('td4').offsetHeight;
		var td5 = document.getElementById('td5').offsetHeight;
		var td6 = document.getElementById('td6').offsetHeight;
		var td7 = document.getElementById('td7').offsetHeight;
	}

	var n = s - td1 - td2 - td3 - td4 - td5 - td6 - td7;//165 - 25 - 18 - 42 - 25 - 11 - 8

	if (t < n)
		document.getElementById('p21').style.height = n + 'px';
}
var explode_timer;
var player_click = 0;
function runEffect() {
	// most effect types need no options passed by default
	var options = {};

	// run the effect
	$( "div.slide0 div.slide:first" ).effect( 'explode', options, 1000, function () {
		$( "div.slide0" ).append('<div class="slide" style="display: none;">'+$( "div.slide0 div.slide:first" ).html()+'</div>');
		$( "div.slide0 div.slide:first" ).remove();
		$( "div.slide0 div.slide:first" ).fadeIn(900);
		//$('div.slide0 div.slide').width( $('div.txt4').width() ).height( $('div.txt4').height() );
		startExplode();
	} );
	//$( "div.slide0 div.slide:eq(1)" ).show();
};


$(document).ready(function () {
	startExplode();
	$('div.slide0 div.slide').live('mouseenter', function () {
		if ( player_click == 0 )
			stopExplode();
	});
	$('div.slide0 div.slide').live('mouseleave', function () {
		if ( player_click == 0 )
			startExplode();
	});
	$('img.pause').live('click', function () {
		stopExplode();
		player_click = 1;
	});
	$('img.play').live('click', function () {
		startExplode(1000);
		player_click = 0;
	});
});
function startExplode(t)
{
	clearTimeout(explode_timer);
	explode_timer = setTimeout('runEffect();', t || 1000*7 );
	$('img.pause').show();
	$('img.play').hide();
}
function stopExplode()
{
	clearTimeout(explode_timer);
	$('img.pause').hide();
	$('img.play').show();
}