window.addEvent('domready', function() {
var morph = new Fx.Morph('content1', {duration: 2000, link: 'chain', transition: Fx.Transitions.Sine.easeIn}).set({
    'opacity': 0
});
var morph1 = new Fx.Morph('galery', {duration: 2000, link: 'chain', transition: Fx.Transitions.Sine.easeIn});


var morph2 = new Fx.Morph('pf_imageMenu1', {duration: 2000, link: 'chain', transition: Fx.Transitions.Sine.easeIn}).set({
    'opacity': 0
});
var morph3 = new Fx.Morph('pf_imageMenu2', {duration: 2000, link: 'chain', transition: Fx.Transitions.Sine.easeIn}).set({
    'opacity': 0
});
var morph4 = new Fx.Morph('pf_imageMenu3', {duration: 2000, link: 'chain', transition: Fx.Transitions.Sine.easeIn}).set({
    'opacity': 0
});
var morph5 = new Fx.Morph('pf_imageMenu4', {duration: 2000, link: 'chain', transition: Fx.Transitions.Sine.easeIn}).set({
    'opacity': 0
});

/*var morph6 = new Fx.Morph('w50', {duration: 2000, transition: Fx.Transitions.Sine.easeIn}).set({
    'opacity': 0
});*/


var content1 = $('content1');
//var logotype = $('logotype');

//	$('gal01').addEvent('click', content1.fade.bind(content1, [1]));
/*
$('closebig').addEvent('click', function(e) {
		e.stop();		
		
		$('w50').fade(0);
		$('w51').fade(0);
		//$('bigpict').src = "images/blank.gif";
		//$('closebig').src = "images/blank.gif";
		
});
*/


//---------------------------------------------
/*	
$('gal01').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1000
		});
		morph1.start({
			'height':  1000
		});
		content1.load('tgalery1.html')
});

$('gal1').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1000
		});
		morph1.start({
			'height':  1000
		});
		content1.load('tgalery1.html')
});

//---------------------------------------------
	
$('perf01').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  950
		});
		morph1.start({
			'height':  950
		});
		content1.load('galery121.html')
});

$('perf1').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  950
		});
		morph1.start({
			'height':  950
		});
		content1.load('galery121.html')
});

//---------------------------------------------
	
$('perf02').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1350
		});
		morph1.start({
			'height':  1350
		});
		content1.load('galery122.html')
});

$('perf2').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1350
		});
		morph1.start({
			'height':  1350
		});
		content1.load('galery122.html')
});
//---------------------------------------------
	
$('perf03').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1350
		});
		morph1.start({
			'height':  1350
		});
		content1.load('galery123.html')
});

$('perf3').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1350
		});
		morph1.start({
			'height':  1350
		});
		content1.load('galery123.html')
});
//---------------------------------------------
	
$('gal03').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1500
		});
		morph1.start({
			'height':  1500
		});
		content1.load('galery13.html')
});

$('gal3').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1500
		});
		morph1.start({
			'height':  1500
		});
		content1.load('galery13.html')
});
//---------------------------------------------
	
$('gal04').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1510
		});
		morph1.start({
			'height':  1510
		});
		content1.load('galery14.html')
});

$('gal4').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1510
		});
		morph1.start({
			'height':  1510
		});
		content1.load('galery14.html')
});
//---------------------------------------------
	
$('gal05').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1000
		});
		morph1.start({
			'height':  1000
		});
		content1.load('galery15.html')
});

$('gal5').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1000
		});
		morph1.start({
			'height':  1000
		});
		content1.load('galery15.html')
});
//---------------------------------------------
	
$('gal06').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1200
		});
		morph1.start({
			'height':  1200
		});
		content1.load('galery16.html')
});

$('gal6').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1200
		});
		morph1.start({
			'height':  1200
		});
		content1.load('galery16.html')
});
//---------------------------------------------
	
$('gal07').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1600
		});
		morph1.start({
			'height':  1600
		});
		content1.load('galery17.html')
});

$('gal7').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1600
		});
		morph1.start({
			'height':  1600
		});
		content1.load('galery17.html')
});
//---------------------------------------------
	
$('gal08').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1550
		});
		morph1.start({
			'height':  1550
		});
		content1.load('galery18.html')
});

$('gal8').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1550
		});
		morph1.start({
			'height':  1550
		});
		content1.load('galery18.html')
});
//============== expo ======================

//---------------------------------------------
	
$('expo01').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1300
		});
		morph1.start({
			'height':  1300
		});
		content1.load('expo21.html')
});

$('expo1').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1300
		});
		morph1.start({
			'height':  1300
		});
		content1.load('expo21.html')
});

//---------------------------------------------
	
$('expo02').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1400
		});
		morph1.start({
			'height':  1400
		});
		content1.load('expo23.html')
});

$('expo2').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1400
		});
		morph1.start({
			'height':  1400
		});
		content1.load('expo23.html')
});


//---------------------------------------------
	
$('expo03').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1400
		});
		morph1.start({
			'height':  1400
		});
		content1.load('expo22.html')
});

$('expo3').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1400
		});
		morph1.start({
			'height':  1400
		});
		content1.load('expo22.html')
});
//---------------------------------------------
	
$('expo04').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1350
		});
		morph1.start({
			'height':  1350
		});
		content1.load('expo24.html')
});

$('expo4').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1350
		});
		morph1.start({
			'height':  1350
		});
		content1.load('expo24.html')
});
//---------------------------------------------
	
$('expo05').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1200
		});
		morph1.start({
			'height':  1200
		});
		content1.load('expo25.html')
});

$('expo5').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1200
		});
		morph1.start({
			'height':  1200
		});
		content1.load('expo25.html')
});
//---------------------------------------------
	
$('expo06').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1200
		});
		morph1.start({
			'height':  1200
		});
		content1.load('expo26.html')
});

$('expo6').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1200
		});
		morph1.start({
			'height':  1200
		});
		content1.load('expo26.html')
});
//---------------------------------------------
	
$('expo07').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1450
		});
		morph1.start({
			'height':  1450
		});
		content1.load('expo27.html')
});

$('expo7').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1450
		});
		morph1.start({
			'height':  1450
		});
		content1.load('expo27.html')
});

//---------------------------------------------
	
$('expo08').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1450
		});
		morph1.start({
			'height':  1450
		});
		content1.load('expo28.html')
});

$('expo8').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1450
		});
		morph1.start({
			'height':  1450
		});
		content1.load('expo28.html')
});
//---------------------------------------------
	
$('expo09').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1450
		});
		morph1.start({
			'height':  1450
		});
		content1.load('expo29.html')
});

$('expo9').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1450
		});
		morph1.start({
			'height':  1450
		});
		content1.load('expo29.html')
});
//---------------------------------------------
	
$('expo010').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1450
		});
		morph1.start({
			'height':  1450
		});
		content1.load('expo210.html')
});

$('expo10').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1450
		});
		morph1.start({
			'height':  1450
		});
		content1.load('expo210.html')
});

//=========== arhiv ========================

//---------------------------------------------
	
$('arh01').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1200
		});
		morph1.start({
			'height':  1200
		});
		content1.load('arh31.html')
});

$('arh1').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1200
		});
		morph1.start({
			'height':  1200
		});
		content1.load('arh31.html')
});

//---------------------------------------------
	
$('arh02').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1300
		});
		morph1.start({
			'height':  1300
		});
		content1.load('arh32.html')
});

$('arh2').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1300
		});
		morph1.start({
			'height':  1300
		});
		content1.load('arh32.html')
});


//---------------------------------------------
	
$('arh03').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1400
		});
		morph1.start({
			'height':  1400
		});
		content1.load('arh33.html')
});

$('arh3').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1400
		});
		morph1.start({
			'height':  1400
		});
		content1.load('arh33.html')
});
//---------------------------------------------
	
$('arh04').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1700
		});
		morph1.start({
			'height':  1700
		});
		content1.load('arh34.html')
});

$('arh4').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1700
		});
		morph1.start({
			'height':  1700
		});
		content1.load('arh34.html')
});
//---------------------------------------------
	
$('arh05').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1400
		});
		morph1.start({
			'height':  1400
		});
		content1.load('arh35.html')
});

$('arh5').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1400
		});
		morph1.start({
			'height':  1400
		});
		content1.load('arh35.html')
});
//---------------------------------------------
	
$('arh06').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1400
		});
		morph1.start({
			'height':  1400
		});
		content1.load('arh36.html')
});

$('arh6').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  1400
		});
		morph1.start({
			'height':  1400
		});
		content1.load('arh36.html')
});
*/
//============ news ========================

/*
$('news_title').addEvent('click', function(e) {
		e.stop();		
		morph.start({
			'opacity': 1,
			'height':  850
		});
		morph1.start({
			'height':  850
		});
		content1.load('news.php')
});
*/

//==========================================

$('gal_title').addEvent('click', function(e) {
		e.stop();
		//content1.load('empty.html');
		morph.start({
			'height':  645,
			'opacity': 0
		});
		
		content1.load('empty.html');

		morph1.start({
			'height':  645
		});

		
		morph2.start({
			'opacity': 1
			
		});
		morph3.start({
			'opacity': 0
			
		});
		morph4.start({
			'opacity': 0
			
		});
		morph5.start({
			'opacity': 0
			
		});	

});

//---------------------------------------

$('gal02').addEvent('click', function(e) {
		e.stop();
		morph.start({
			'height':  645,
			'opacity': 0
		});
		
		content1.load('empty.html');
		
		morph1.start({
			'height':  645
		});
		
		morph2.start({
			'opacity': 0
			
		});
		morph3.start({
			'opacity': 0
			
		});
		morph4.start({
			'opacity': 1
			
		});
		morph5.start({
			'opacity': 0
			
		});

});

//---------------------------------------

$('gal2').addEvent('click', function(e) {
		e.stop();
		morph.start({
			'height':  645,
			'opacity': 0
		});
		
		content1.load('empty.html');
		
		morph1.start({
			'height':  645
		});
			
		morph2.start({
			'opacity': 0
			
		});
		morph3.start({
			'opacity': 0
			
		});
		morph4.start({
			'opacity': 1
			
		});
		morph5.start({
			'opacity': 0
			
		});

});

//---------------------------------------

$('expo_title').addEvent('click', function(e) {
		e.stop();
		morph.start({
			'height':  645,
			'opacity': 0
		});
		
		content1.load('empty.html');
		
		morph1.start({
			'height':  645
		});
		
		morph2.start({
			'opacity': 0
			
		});
		morph3.start({
			'opacity': 1
			
		});
		morph4.start({
			'opacity': 0	
		
		});
		morph5.start({
			'opacity': 0
			
		});

});
//---------------------------------------

$('arh_title').addEvent('click', function(e) {
		e.stop();
		morph.start({
			'height':  645,
			'opacity': 0
		});
		
		content1.load('empty.html');
		
		morph1.start({
			'height':  645
		});
		
		morph2.start({
			'opacity': 0
			
		});
		morph3.start({
			'opacity': 0
			
		});
		morph4.start({
			'opacity': 0	
		
		});
		morph5.start({
			'opacity': 1
			
		});

});

//---------------------------------------

$('main_title').addEvent('click', function(e) {
		e.stop();
		morph.start({
			'height':  645,
			'opacity': 0
		});
		
		content1.load('empty.html');
		
		morph1.start({
			'height':  645
		});

		
		
		morph2.start({
			'opacity': 0
			
		});
		morph3.start({
			'opacity': 0
			
		});
		morph4.start({
			'opacity': 0
			
		});
		morph5.start({
			'opacity': 0
			
		});

});


//---------------------------------------
	
});