var preloadedFlag = false;

window.addEvent('domready', function() {
        startPage();
	}); 

var imgPos=0;
var fxBanner;
var banerImages = new Array();
var curBannerImg = 0;
var Fx1;
var banerInterval;
var fading=false;
function randOrd()
{
    return (Math.round(Math.random())-0.5);
}

function startPage()
{
    $('madeby').addEvent('click',function(){
            location.href="start.html";
            });
    setTimeout("lines()",3000);
    setInterval("lines()",12000);
    kwicks();
    artykuly();
    loga();
    
    var banerTmp = new Array();
    $('baner').addEvent('click',function(ev){
        if(!fading)
        {
            clearInterval(banerInterval); 
            switchBanerImage();
            banerInterval = setInterval("switchBanerImage()",5000);
        }
    })
    for(var i=1;i<17;i++)
    {
        banerImages.push("img/baner/baner_"+i+".jpg");
        banerTmp.push(new Image());
        banerTmp[banerTmp.length-1].src="img/baner/baner_"+i+".jpg";
    }
    
    banerImages.sort(randOrd);
    banerInterval = setInterval("switchBanerImage()",5000);

 
}
function langChange()
{
	Set_Cookie("languageExpo",$('langOption').value,99999999);
	location.reload();
}
function switchBanerImage()
{
    fading = true;
    curBannerImg = (curBannerImg+1)%(banerImages.length);
    
    $('banerImage').src = banerImages[curBannerImg];
    
    Fx1 = new Fx.Morph('banerImage2',{duration:1000,transition:'linear',
                                        onComplete: function(){
                                                $('banerImage2').src = $('banerImage').src;
                                                var img = new Image();
                                                img.src = banerImages[(curBannerImg+1)%(banerImages.length)];
                                                fading = false;
                                            },
                                        link:'chain'
                                    });
    
    Fx1.start({opacity:[1,0]});
    Fx1.set({opacity:1});    
}
function kwicks()
{
    var kwicks = $$("#kwicks .kwick");
    var linki = $$("#kwicks .kwick a");
    var colors =new Array();
    
    kwicks.each(function(e){
        colors.push(e.getStyle("background-color"));
    })
    
    kwicks.each(function(element,i){
        
        element.addEvent('mousedown', function(e){
                
                this.highlight("#fdfdfd");                
            });
        element.addEvent('mouseenter',function(){
                                this.highlight("#f0f0f0");
                            })
    });
    
    kwicks[0].addEvent('click',function(){location.href=linki[0].href});
    kwicks[1].addEvent('click',function(){location.href=linki[1].href});
    kwicks[2].addEvent('click',function(){location.href=linki[2].href});
}
var articles;
var aId = 0;
function artykuly()
{
    if($chk($('articleImgFull')))
    {
        $('articleImgFull').addEvent('domready', function(){
            $('loadingImg').fade('hide');
            var fx = new Fx.Morph('articleImgFull',{link:'chain'});        
            fx.set({opacity: 0});            
            fx.start({opacity: [0,1]});
        });
    }
    else
    {
        articles = $$(".article");
        
        
        articles.each(  function(el,i)
                        {
                            el.set('tween',{duration:300});
                            el.fade('hide');                                                    
                            setTimeout("fadeArticle("+i+")",50*i);                            
                        }
                    );
    }
}
function fadeArticle(nr)
{
    articles[nr].fade(1);    
}

function lines()
{
    var linie = $$(".liniaMadeBy");    
    if(linie.length == 0)
    {
        $('madeby').innerHTML += "<div id=linia01 class=liniaMadeBy></div>";
        $('madeby').innerHTML += "<div id=linia02 class=liniaMadeBy></div>";
        $('madeby').innerHTML += "<div id=linia03 class=liniaMadeBy></div>";
        $('madeby').innerHTML += "<div id=linia04 class=liniaMadeBy></div>";
        linie = $$(".liniaMadeBy");
    }
    linie.each(function(el,i){
        el.fade('hide');        
    });
    linie.each(function(el,i){
            if(i==3)
                return;
            if(i<2)
            {
                
                var myEffect = new Fx.Morph(el, {fps:30, duration: 1000+i*500,transition: 'sine:in:out',link:'chain',
                                            onComplete:function()
                                             {
                                                 var myEffect2 = new Fx.Morph(el,{fps:30, duration:500,transition:'sine:in:out',link:'chain'});
                                                 myEffect2.start({
                                                             left:0,
                                                             'opacity': 0
                                                             });
                                             }
                                            });
                myEffect.set({"border-left-width":4})
                myEffect.start({
                             left: [0,100* (i+1)],
                             'opacity': [0,0.8],
                             "border-left-width":1
                             });
            }
            else
            {
                
                var myEffect = new Fx.Morph(el, {fps:30, duration: 1000+i*500,transition: 'sine:in:out',link:'chain',
                                            onComplete:function()
                                             {
                                                 var myEffect2 = new Fx.Morph(el,{fps:30, duration:500,transition:'sine:in:out',link:'chain'});
                                                 myEffect2.start({
                                                             right:0,
                                                             'opacity': 0
                                                             });
                                             }
                                            });
                myEffect.start({
                             right: [0,100* (i+1)],
                             'opacity': [0,0.8]
                             });
            }
           
    })
    setTimeout("linieBox()",700);
}
function linieBox()
{
    var myEffect = new Fx.Morph('linia04', {fps:30, duration: 400,transition: 'linear',link:'chain',delay:300,
                                            onComplete:function()
                                             {
                                                var myEffect2 = new Fx.Morph("linia04",{fps:30, duration:500,transition:'linear',link:'chain'});
                                                myEffect2.start({                             
                                                        'opacity': 0,
                                                        "border-left-width":1,
                                                        height:30,
                                                        top:70
                                                        });
                                             }
                                            });
                
                myEffect.set({"border-left-width":6,
                               left:150,
                               top:50,
                               height:50,
                               opacity:0.4})
                myEffect.start({                             
                             'opacity': 0.5,
                             left:152.5,
                             "border-left-width":2,
                             height:130,
                             top:30
                             });
}
var overx=0;
var overLoga = false;
function loga()
{
    var loga = $$("#loga div");
    var factor = 2;
    
    document.addEvent('mousemove',function(e){
        
        overLoga = true;
        overx = e.page.x-$('loga').offsetLeft;
        overy = e.page.y;
        loga.each(function(el,i){
            var elLeft = 200+100*i;
            var elHeight = 50;
            var elWidth = 57;
            
            var deltaX = Math.abs(overx-(elLeft+elWidth/2));
            var deltaY = overy;
            
            //el.innerHTML = deltaY;
            el.get('morph').cancel();
           
            var fx = new Fx.Morph(el,{link:'ignore'});
            
            if((deltaX <300 && deltaX >-300) && deltaY>650)
            {                
                var factor = 1/(deltaX/300+1)*2;
                if(deltaY<650)
                    factor=1/((deltaX)/300+1)*2;


                fx.set({width:elWidth*factor,
                    left:elLeft-(elWidth*(factor-1))/2,
                    top:elHeight-(elHeight*factor),
                    height:elHeight*factor
                    
                    });
            }
            else
            {
               fx.set({width:elWidth,
                    left:elLeft,
                    top:0,
                    height:elHeight
                    
                    });
            }
        })
    });    
  /*  $('loga').addEvent('mouseleave',function(e){
        
        loga.each(function(el,i){
            var elLeft = 200+100*i;
            var elHeight = 55;
            var elWidth = 60;
            
            el.set('morph',{duration:400,transition:'expo:out',link:'cancel'});
            el.get('morph').cancel();
            el.get('morph').start({width:60,
                    left:elLeft,
                    top:0,
                    height:elHeight
                    });
        })
    });
   */ 
    /*
    var loga = $$("#loga div");
    var factor = 2.5;
    loga.each(function(el){
                var elLeft = el.getStyle('left').toInt();
                var elHeight = el.getStyle('height').toInt();
                var elWidth = el.getStyle('width').toInt();
                el.addEvent('mouseenter',function(){
                    //var fx = new Fx.Morph(el,{duration:1000,transition:'pow:out',link:'cancel'});
                    el.set('morph',{duration:500,transition:'expo:out',link:'cancel'});
                    el.get('morph').start({
                            left:elLeft-(elWidth*(factor-1))/2,
                            top:-(elHeight*(factor-1)),
                            height:elHeight*factor,
                            width:elWidth*factor});
                })
                el.addEvent('mouseout',function(){
                    el.set('morph',{duration:500,transition:'expo:out',link:'cancel'});
                    el.get('morph').start({
                            left:elLeft,
                            top:0,
                            height:elHeight,
                            width:elWidth});
                })
        });
    */
}