window.addEvent('domready', initSite);

function initSite() {
    var topMenuElements = $('content').getElements('a');
    var sideMenuElements = $('menu').getElements('a');

    var so = new SWFObject(base_url+"flash/lib.swf", "flashbg_left", "100%", "100%", "8", "#fff");
	so.addVariable("color", $(document.body).getStyle('background-color'));
	so.write("sidecolumn1");
	so.write("sidecolumn2");
	
	var noflash = $('noflash');
	
	if(video_file && video_image && noflash) {       
    	var s1 = new SWFObject(base_url + "flash/flvplayer.swf","single","472","398","8");
    	s1.addParam("allowfullscreen","true");
    	s1.addVariable("file", video_file);
    	s1.addVariable("image", video_image);
    	s1.addVariable("width","472");
    	s1.addVariable("height","398");
    	s1.write("noflash");
	}
	
    topMenuElements.each(function(menuElement) {
        var fx = new Fx.Styles(menuElement, {duration:300, wait:false, transition: Fx.Transitions.Cubic.easeOut});

    	menuElement.addEvent('mouseenter', function(){
    		fx.start({
    			'margin-top': 0
    		});
    	});
     
    	menuElement.addEvent('mouseleave', function(){
    		fx.start({
    			'margin-top': -125
    		});
    	});
    	
    	menuElement.addEvent('click', function(){
    		//switchStyle(menuElement);
    		//return false;
    	});
    });
    /*
    var fxSide = new Fx.Elements(sideMenuElements, {wait: false, duration: 300, transition: Fx.Transitions.Cubic.easeOut});
    sideMenuElements.each(function(menuElement, i) {
    	menuElement.addEvent('mouseenter', function(){
    		var o = {};
		    sideMenuElements.each(function(other, j) {
        		o[j] = {
        			//'margin-left': 0,
        			//'margin-top': 0
        			//'opacity': 0.7
        		};
		    });
		    o[i] = {
        			//'margin-left': 5,
        			//'margin-top': 0
        			//'opacity': 1
        		};
            fxSide.start(o);
    	});
     
    	menuElement.addEvent('mouseleave', function(){
    		var o = {};
		    sideMenuElements.each(function(other, j) {
        		o[j] = {
        			'margin-left': 0,
        			'margin-top': 0,
        			'opacity': 1
        		};
		    });
            fxSide.start(o);
    	});
    });*/
}

function switchStyle(element) {
    var request_url = element.getProperty('href') + '?tpl=body';
    var style_name = element.id.replace(/menu_/,"");
    var holder_copy = $('content_holder').clone();
    var new_bg_color = element.getStyle('background-color');
    
    new Ajax(request_url, {
		method: 'get',
		onComplete:  function (data) {
		    var holderFx = new Fx.Styles($('holder'), {duration:500, wait:false, transition: Fx.Transitions.Cubic.easeOut});
            holderFx.start({
        		'background-color': new_bg_color
        	}).chain(function() {
        	    $('content_holder').setHTML(data);
        	}
        	);
		    //initSite();
		}
	}).request();
	
	
	/*
	$('holder').effects({duration: 1000, transition: Fx.Transitions.Quad.easeIn})
	.start({
            'top':-10000
    });
	
	holder_copy.setStyles({
	    'top':-10000
	})
	.setProperty('id','holder_copy')
	.injectTop(document.body)
	.effects({duration: 1000, transition: Fx.Transitions.Quad.easeIn})
	.start({
            'top':0
    }).chain(function(){
        $('holder').remove();
        holder_copy.setProperty('id','holder');
    });
    /*var style_name = element.id.replace(/menu_/,"");
    var holderFx = new Fx.Styles($('holder'), {duration:1000, wait:false, transition: Fx.Transitions.Cubic.easeOut});
    holderFx.start({
		'background-color': element.getStyle('background-color')
	}).chain(function() {
	    window.location.href = element.getProperty('href');
	})
	*/
}