//vi: ts=4 expandtab
//bkz : sumak.js
//(kodların çoğu koleksiyon, koleksiyon_urun uyarlamasıdır)
var aktif_kupur = 3; // En sağdaki küpür
var k_id = 0; // Her küpürü birbirinden ayırdeden.

var aktif_buyuk_kupur = 0; //Hangi küpüre tıklanırsa.
var kupur_sayisi = basin_liste.length;


var on_basin_event = false;//koleksiyon_keyboard_event, koleksiyon_urun_keyboard_event

Event.observe($(window),"load", onLoad_Basin);

function onLoad_Basin() {

    document.getElementById('basin_resim_1').src = 'images/basin/' + basin_liste[0] + '_k.jpg';
    document.getElementById('basin_resim_2').src = 'images/basin/' + basin_liste[1] + '_k.jpg';
    document.getElementById('basin_resim_3').src = 'images/basin/' + basin_liste[2] + '_k.jpg';
    document.getElementById('alakasiz_id_001').rel = basin_liste[0];
    document.getElementById('alakasiz_id_002').rel = basin_liste[1];
    document.getElementById('alakasiz_id_003').rel = basin_liste[2];
    
    Event.observe('a_onceki_basin_detay', 'click', function(event) {
        on_basin_event = true;
        event.element().blur();
        //aktif ürünü 1 azalt ve çağır.
        if(aktif_buyuk_kupur<=1) aktif_buyuk_kupur = kupur_sayisi;
        else aktif_buyuk_kupur--;
        new Effect.Fade('img_basin_kupur', 
                {queue:'end',duration:1.0
                , afterFinish: function() {
                    $('img_basin_kupur').src = 'images/basin/' + basin_liste[aktif_buyuk_kupur - 1 ] + '_b.jpg';
                    $('img_basin_kupur').hide();
                    new Effect.Appear('img_basin_kupur', {delay:1.0,queue:'end',duration:0.8});
                    on_basin_event = false;
                    }//afterFinish 
                });//Effect.Fade
    });
    Event.observe('a_sonraki_basin_detay', 'click', function(event) {
        on_basin_event = true;
        event.element().blur();
        //aktif ürünü 1 çoğalt ve çağır.
        if(aktif_buyuk_kupur>=kupur_sayisi) aktif_buyuk_kupur = 1;
        else aktif_buyuk_kupur++;
        new Effect.Fade('img_basin_kupur', 
                {queue:'end',duration:1.0
                ,afterFinish:function(){
                    $('img_basin_kupur').src = 'images/basin/' + basin_liste[aktif_buyuk_kupur - 1] + '_b.jpg';
                    $('img_basin_kupur').hide();
                    new Effect.Appear('img_basin_kupur', {delay:1.0,queue:'end',duration:0.8});
                    on_basin_event = false;
                    }//afterFinish 
                });//Effect.Fade
    });


    Event.observe('a_onceki_basin', 'click', function(event) {
        on_basin_event = true;
        $('a_onceki_disabled').show();
        event.element().blur();
        if(aktif_kupur>3) aktif_kupur--;

        new Effect.Move('basin_kupurler_icerik'
        ,{duration:0.8, x:+293, y:0
            ,afterFinish:function()
            {
                if(parseInt($('basin_kupurler_icerik').getStyle('left').replace(/px/,'')) > 0)
                {
                new Effect.Move('basin_kupurler_icerik'
                ,{duration:0.8, x:0, y:0, mode:'absolute'});
                }//if
                else
                {
                    k_id--;
                }//else
                $('a_onceki_disabled').hide();
                on_basin_event = false;
            }//afterFinish
         });//Effect.Move
    });


    Event.observe('a_sonraki_basin', 'click', function(event) {
        on_basin_event = true;
        $('a_sonraki_disabled').show();
        event.element().blur();
        new Effect.Move('basin_kupurler_icerik'
                , { duration: 0.8, x: -293, y: 0, afterFinish: function() { $('a_sonraki_disabled').hide(); on_basin_event = false; } });
        if (aktif_kupur == kupur_sayisi) aktif_kupur = 1;
        else if (aktif_kupur == 0) aktif_kupur = 4;
        else aktif_kupur++;

        //alert(k_id);
        k_id++;
        if (!document.getElementById('basin_' + k_id.toString())) {
            //alert('Yok : ' + urun_id_bicimlendir(aktif_kupur));
            var img = Builder.node('img', { 'src': 'images/basin/'
                        + basin_liste[aktif_kupur - 1]
                        + '_k.jpg'
                        , 'width': 288, 'height': 236
                        , 'style': 'display:none'
            });
            var a = Builder.node('a'
                , { 'id': 'basin_' + k_id.toString()
                    , 'rel': basin_liste[aktif_kupur - 1]
                    , 'href': '#'
                    , 'onclick': 'return basin_detay(this.rel);'
                }
                , [img]);
            $('basin_kupurler_icerik').setStyle({ width: ($('basin_kupurler_icerik').getDimensions().width + 293).toString() + 'px' })
            $('basin_kupurler_icerik').appendChild(a);
            Effect.Appear($(img), { delay: 1.0, duration: 0.7 });
        }
        else {
            //alert('Var : ' + urun_id_bicimlendir(aktif_kupur));
        }
    });


}//onLoad_Basin



function basin_kupur_keyboard_event(event)
{
    var key = event.which || event.keyCode;
    switch (key)
    {
        case Event.KEY_RIGHT:
            if(!on_basin_event) $('a_sonraki_basin').simulate('click');
            break;
        case Event.KEY_LEFT:
            if(!on_basin_event) $('a_onceki_basin').simulate('click');
            break;
        /*case Event.KEY_RETURN:
            if(!on_basin_event) basin_detay(aktif_kupur-1);*/
    }
}

function basin_kupur_detay_keyboard_event(event)
{
    var key = event.which || event.keyCode;
    switch (key)
    {
        case Event.KEY_RIGHT:
            if(!on_basin_event) $('a_sonraki_basin_detay').simulate('click');
            break;
        case Event.KEY_LEFT:
            if(!on_basin_event) $('a_onceki_basin_detay').simulate('click');
            break;
        case Event.KEY_ESC:
            $('kapat_basin_detay').simulate('click');
            break;
    }
}


function basinda_sumak()
{
    $('kapat').hide();
    Effect.Appear('a_onceki_basin');
    Effect.Appear('a_sonraki_basin');

    document.observe('keydown', basin_kupur_keyboard_event);
    

    $$('#basin_kupurler_icerik a').each(function(a){
        Effect.Appear(a,{duration:0.5, queue:'end'});
    });
}

function basin_detay(basin_id) {
    //alert(basin_id);
    $('a_onceki_basin_detay').show();
    $('a_sonraki_basin_detay').show();
    $('kapat_basin_detay').show();
    aktif_buyuk_kupur = basin_liste.indexOf(basin_id) + 1;
    $('basin_kupur_detay').show();
    $('basin_kupur_detay').setStyle({'height':'0px'});

    document.stopObserving('keydown', basin_kupur_keyboard_event);
    document.observe('keydown', basin_kupur_detay_keyboard_event);

    $('img_basin_kupur').src = 'images/basin/' + basin_id  + '_b.jpg';
    new Effect.Morph('basin_kupur_detay', {duration:1.0,style:'height:476px',queue:'end'});
    new Effect.Appear('img_basin_kupur', {queue:'end'});



    Event.observe('kapat_basin_detay', 'click', function(event) {
        event.element().blur();
        new Effect.Fade('img_basin_kupur', {
            queue:'end'
        });//Effect.Fade
        new Effect.Morph('basin_kupur_detay' ,{duration:1.0,style:'height:0px'
            ,queue:'end'
            ,afterFinish:function(){
                $('kapat_basin_detay').hide();    
                $('a_onceki_basin_detay').hide();
                $('a_sonraki_basin_detay').hide();
                $('basin_kupur_detay').hide();
                $('img_basin_kupur').src = 'images/blank.gif';
            }//afterFinish
        });//Effect.Morph
        document.stopObserving('keydown', basin_kupur_detay_keyboard_event);
        document.observe('keydown', basin_kupur_keyboard_event); 
    });//observe
    return false;
}