// === SPECIAL MAKALE GFX USING MOOTOOLS =====================================================================================
window.addEvent('domready', function() {

    // set css starting values if JS is activated
    $('curtain').setStyle('display', 'block');
    $('latest_show').setStyles({
        width: 0,
        overflow: 'hidden',
        whiteSpace: 'nowrap',
        padding: '0'
    });
    $('latest_track').setStyles({
        width: 0,
        overflow: 'hidden',
        whiteSpace: 'nowrap',
        padding: '0'
    });

    // Curtain - background image fade in
	var fadeOut = new Fx.Morph( 'curtain', {
	    duration: 1800,
        // transition: Fx.Transitions.linear
        transition: Fx.Transitions.Bounce.easeOut
	});
    fadeOut.start({'opacity': '0'});

    // slide in latest_show
	var slideIn1 = new Fx.Morph( 'latest_show', {
	    duration: 1200,
        // transition: Fx.Transitions.linear
	    transition: Fx.Transitions.Bounce.easeOut
	});
    (function(){ slideIn1.start({'width': '450px'}); }).delay(1660);

    // slide in latest_track
	var slideIn2 = new Fx.Morph( 'latest_track', {
	    duration: 1200,
	    transition: Fx.Transitions.Bounce.easeOut
	});
    (function(){ slideIn2.start({'width': '320px'}); }).delay(1790);


});