var posit = 7;
window.addEvent('domready', function(){
positn = document.getElementById("active");
new Ajax('/catalog/pre/?id=7', { method: 'get', update: $('pastepage')}).request().chain(function(){
document.getElementById("nextadr").href=adr[posit];


	var fxx = new Fx.Styles('next1', {duration:100, wait:false});
	$('next1').addEvent('mouseenter', function(){
		fxx.start({
			'margin-left': 5
		});
	});
	$('next1').addEvent('mouseleave', function(){
		fxx.start({
			'margin-left': 0
		});
	});
	
$('tractor').setStyle('top',  '-50px')
$('tractorall').setStyle('display',  'block')
var eff1 = new Fx.Style('tractor', 'top', {duration:1500, transition:Fx.Transitions.bounceOut})
eff1.start.pass([0], eff1).delay(0)
});
});




function podMenuOn (n,p) {
n.style.backgroundColor="#C90C13";
aTag = n.getElementsByTagName("div");
aTag[0].style.color = "#fff";
aTag[0].style.borderBottomWidth = "0px";
}

function podMenuOff (n,p) {
if(posit != p){
n.style.backgroundColor="transparent";
aTag = n.getElementsByTagName("div");
aTag[0].style.color = "#C90C13";
aTag[0].style.borderBottomColor = "#E7AEAF";
aTag[0].style.borderBottomStyle = "dotted";
aTag[0].style.borderBottomWidth = "1px";
}
}
function podMenuClick (n,p) {
var myEffects = $('tractorall').effects({duration: 1500, transition: Fx.Transitions.Sine.easeInOut});
myEffects.start({'left': 0}).chain(function(){
// $('tractortext').setStyle('display',  'block')
});
document.getElementById("pastepage").innerHTML = "<img src='/i/loading.gif' border='0'>";
new Ajax('/catalog/pre/?id='+p, { method: 'get', update: $('pastepage')}).request().chain(function(){
    document.getElementById("nextadr").href=adr[posit];
    	var fxx = new Fx.Styles('next1', {duration:100, wait:false});
	$('next1').addEvent('mouseenter', function(){
		fxx.start({
			'margin-left': 5
		});
	});
	$('next1').addEvent('mouseleave', function(){
		fxx.start({
			'margin-left': 0
		});
	});
    	});

n.style.backgroundColor="#C90C13";
aTag = n.getElementsByTagName("div");
aTag[0].style.color = "#fff";
aTag[0].style.borderBottomWidth = "0px";


positn.style.backgroundColor="transparent";
aTag = positn.getElementsByTagName("div");
aTag[0].style.color = "#C90C13";
aTag[0].style.borderBottomColor = "#E7AEAF";
aTag[0].style.borderBottomStyle = "dotted";
aTag[0].style.borderBottomWidth = "1px";

posit = p;
positn = n;
}
function setElementOpacity(sElemId, nOpacity)
{
  var opacityProp = getOpacityProperty();
  var elem = document.getElementById(sElemId);

  if (!elem || !opacityProp) return;
  
  if (opacityProp=="filter")
  {
    nOpacity *= 100;
	
    var oAlpha = elem.filters['DXImageTransform.Microsoft.alpha'] || elem.filters.alpha;
    if (oAlpha) oAlpha.opacity = nOpacity;
    else elem.style.filter += "progid:DXImageTransform.Microsoft.Alpha(opacity="+nOpacity+")";
  }
  else
    elem.style[opacityProp] = nOpacity;
}

function getOpacityProperty()
{
  if (typeof document.body.style.opacity == 'string')
    return 'opacity';
  else if (typeof document.body.style.MozOpacity == 'string')
    return 'MozOpacity';
  else if (typeof document.body.style.KhtmlOpacity == 'string')
    return 'KhtmlOpacity';
  else if (document.body.filters && navigator.appVersion.match(/MSIE ([\d.]+);/)[1]>=5.5)
    return 'filter';

  return false;
}

oldavto = 0;

function select (n,pos) {
opacity = 1;
nn = n;
poss = pos;
tracpos = 0;
// tractoropacity(nn,poss)
document.getElementById("tractorall").style.overflow = 'hidden';
tractormove(nn,poss);
}
opacity = 0;
function showtracall() {
opacity = opacity +.1;
setElementOpacity('tractorall',opacity);

if(opacity < 1) {timeopacity = setTimeout("showtracall()", 10);
}
}


    
function tractormove(n,pos) {
nn = n;
poss = pos;
myValues = document.getElementById("trac"+poss).style.posLeft;
left = document.getElementById("trac"+poss).offsetLeft + document.getElementById("trac"+poss).offsetWidth-830-myValues;
if(pos !=3) {
left = left + 20;
}
leftend = document.getElementById("trac"+poss).offsetLeft + document.getElementById("trac"+poss).offsetWidth-830-myValues;

if(poss == 1 && oldavto == 0 || poss == 1 && oldavto == 3) {
var myEffects = $('trac2').effects({duration: 500, transition: Fx.Transitions.Sine.easeInOut});
myEffects.start({'left': 0, 'left': 50});
var myEffects = $('trac3').effects({duration: 500, transition: Fx.Transitions.Sine.easeInOut});
myEffects.start({'left': 0, 'left': 50});
}
if(poss == 3 && oldavto == 1) {
var myEffects = $('trac2').effects({duration: 500, transition: Fx.Transitions.Sine.easeInOut});
myEffects.start({'left': 50, 'left': 0});
var myEffects = $('trac3').effects({duration: 500, transition: Fx.Transitions.Sine.easeInOut});
myEffects.start({'left': 50, 'left': 0});
}
if(poss == 1 && oldavto == 2) {
var myEffects = $('trac2').effects({duration: 500, transition: Fx.Transitions.Sine.easeInOut});
myEffects.start({'left': 0, 'left': 50});
}
if(poss == 2 && oldavto == 1) {
var myEffects = $('trac2').effects({duration: 500, transition: Fx.Transitions.Sine.easeInOut});
myEffects.start({'left': 50, 'left': 0});
}
if(poss == 2 && oldavto == 0 || poss == 2 && oldavto == 3) {
var myEffects = $('trac3').effects({duration: 500, transition: Fx.Transitions.Sine.easeInOut});
myEffects.start({'left': 0, 'left': 50});
}
if(poss == 3 && oldavto == 2) {
var myEffects = $('trac3').effects({duration: 500, transition: Fx.Transitions.Sine.easeInOut});
myEffects.start({'left': 50, 'left': 0});
}

// document.getElementById("tut").innerHTML = myValues;



oldavto = poss;
move(nn,poss)

}

function move(n,pos) {
poss = pos;
$('tractortext').setStyle('display',  'none')
    
   
var myEffects = $('tractorall').effects({duration: 1700, transition: Fx.Transitions.Back.easeIn});
myEffects.start({'left': left, 'left': leftend});
listp = $$('#ss td div div div')
    listp.each(function (listid, i) {
    i = i +1;
    if(pos != i) {
	listid.removeClass('selfon');
	listid.addClass('self');
	} else {
	listid.removeClass('self');
	listid.addClass('selfon');
	}
});
}