//stepe.net javascript
var catg = "www";
var year = "";
var titl = "";
var domn = "";
var mn = "";

rollpic = function(img_name, img_src){
document[img_name].src = img_src;
}

works = function(catg, year){
$('#catg').attr({src:'2007/titl/' + catg + '.png'});
$('#gads').attr({src:'2007/titl/' + year + '.png'});
$('#gadi_info').load(('2007/incl/gadi_' + catg + '.php'));
$('#darb_info').load(('2007/incl/' + catg + '_' + year + '.php'));
$('#logo').fadeTo(500, 0);
logo_out();
info_hide();
}

years = function(year, titl, domn){
webpage = 'http://www.' + titl + '.' + domn + '/';
$('#darb_info').load(('2007/incl/' + catg + '_' + year + '.php'));
rollpic('gads', '2007/titl/' + year + '.png');
rollpic('prjc', '2007/titl/titl_' + titl + '.png');
rollpic('zone', '2007/titl/' + domn + '.png');
$('#img').fadeTo(250, 0, function(){rollpic('img', '2007/' + catg + '/' + titl + '.png');}).fadeTo(500, 1);
}

project = function(titl, domn){
webpage = 'http://www.' + titl + '.' + domn + '/';
rollpic('prjc', '2007/titl/titl_' + titl + '.png');
rollpic('zone', '2007/titl/' + domn + '.png');
$('#img').fadeTo(250, 0, function(){rollpic('img', '2007/' + catg + '/' + titl + '.png');}).fadeTo(500, 1);
}

test = function(titl, domn, pict){
webpage = 'http://' + titl + '.' + domn + '/';
rollpic('prjc', '2007/titl/titl_' + titl + '.png');
rollpic('zone', '2007/titl/' + domn + '.png');
$('#img').fadeTo(250, 0, function(){rollpic('img', '2007/' + catg + '/' + pict + '.png');}).fadeTo(500, 1);
}

logo_on = function(){
$('#logo').fadeTo(600, 0.5);
$('#logo').animate({top:220}, 'slow');
}
logo_out = function(){
$('#logo').fadeTo(500, 1);
$('#logo').animate({top:240}, 'slow');
}

menu_on = function(mn){
$('#' + mn).animate({width:215}, 250);
}
menu_out = function(mn){
$('#' + mn).animate({width:200}, 250);
}

img_on = function(){
$('#img').fadeTo('slow', 0.5);
}
img_out = function(){
$('#img').fadeTo('slow', 1);
}

info_show = function (){
$('#info').animate({left:680, top:138}, 'slow');
$('#info').fadeTo('slow', 1);
}
info_hide = function (){
$('#info').fadeTo('slow', 0.5);
$('#info').animate({left:680, top:360}, 'slow');
}