/* 
 * Autor:          Technetium.pl
 *                 Łukasz Żak
 * Data:           2011-08-18
 */

/*--------------zmieniarka uslugi-------------*/
$(function(){
   $("#zmieniarkaUslugi").children(".nagl").find("a").each(function(){
      $(this).click(function(){
          chgZmieniarkaUslugi($(this).attr("id").replace("zmust_link", ""));
      }); 
   }); 
});

function chgZmieniarkaUslugi(nr)
{
    $("#zmieniarkaUslugi").children(".nagl").find('a').each(function(){
        $(this).removeClass("act");
    });
    $("#zmieniarkaUslugi").children(".tresc").find('.item').each(function(){
        $(this).removeClass("act");
    });
    
    $("#zmieniarkaUslugi").find('a#zmust_link'+nr).addClass("act");
    $("#zmieniarkaUslugi").find('#zmust_item'+nr).addClass("act");
    
}


function viewPort() 
{
   var h = window.innerHeight || document.documentElement.clientHeight || document.getElementsByTagName('body')[0].clientHeight;
   var w = window.innerWidth || document.documentElement.clientWidth || document.getElementsByTagName('body')[0].clientWidth;

   return {width : w , height : h}
}

    function showNumber(item){
        var active = $('#kontakt h2.active');
        active.slideUp().removeClass('active');
        $('#kontakt h2').eq(item).slideDown().addClass('active');
    }
    
    var phoneFromCookie = readCookie('phone');
    if(phoneFromCookie != null){
        $('.wybierz_numer').find('.active').removeClass('active');
        $('.wybierz_numer li').eq(phoneFromCookie).addClass('active');
        setTimeout("showNumber(phoneFromCookie)", 2000);
    }
    
$(document).ready(function(){
    var moveTime = 500;
    var moveTimeMain = 1500;
    var active = 1;
    var video_started;
    
    //******************************ZMIENIARKA OFERTY***********************//
    function moveToNext(elem){
        $('#puzzleNav').animate({
            'marginLeft' : '-=53'
        }, moveTime)
            
        elem.removeClass('last');
        elem.next().addClass('last');

        var first = elem.parent().find('.first');
        first.removeClass('first');
        first.next().addClass('first');
    }
    
    function moveToPrev(elem){
        $('#puzzleNav').animate({
            'marginLeft' : '+=53'
        }, moveTime)

        elem.removeClass('first');
        elem.prev().addClass('first');

        var first = elem.parent().find('.last');
        first.removeClass('last');
        first.prev().addClass('last');
    }
    
    function showPuzzleCont(nr)
    {
//        var vis = $('#puzzleCont').find('.visible');
//        vis.fadeOut(moveTime, function(){
//            vis.removeClass('visible');
//            $('#puzzleCont #cont'+item).fadeIn(moveTime, function(){
//                $(this).addClass('visible');
//            })
//        });
        $("div#puzzleCont").children("div#cont"+nr).stop(true, true).fadeIn(moveTime);


        $("div#puzzleCont").children("div.cont").each(function(){
            act_id = $(this).attr("id");
            if("cont"+nr!=act_id)
            {
                $(this).stop(true, true).fadeOut(moveTime);
            }
        }
        );
    }
    
    function moveSelector(item){
        var step = 0;
        var move = 0;
        var lenght = 0;
        var position = 0;
        
        step = item-active;
        move = step;
        
        if(step > 2)
            step = 2;
        
        lenght = step*53;
        
        if(lenght > 0)
            position = '+='+lenght;
        else
            position = '-='+lenght*(-1);
        
        var selector = $('#selector');
        selector.animate({
            'left' : position
        }, moveTime)
        active+=move;
    }
    
    $('#puzzleNav .puzzle').live('click', function(){
        var elem = $(this);
        var divElems = $('#puzzleNav .puzzle').size(); //liczba kontenerow z trescia
        var clicked = parseInt($(this).index('.puzzle'))+1; //numer kliknietego elementu
        
        if(elem.hasClass('first') && clicked != 1){
            moveToPrev(elem);
            active-=1;
        }else if(elem.hasClass('last') && clicked < divElems){
            moveToNext(elem);
            active+=1;
        }
        
        moveSelector(clicked);
        showPuzzleCont(clicked);
    });
    
    
    //******************************GLOWNA ZMIENIARKA***********************//
    function moveToNextMain(elem){
        $('#zm_items').animate({
            'marginLeft' : '-=181'
        }, moveTime)
            
        elem.removeClass('last');
        elem.next().addClass('last');

        var first = elem.parent().find('.first');
        first.removeClass('first');
        first.next().addClass('first');
    }
    
    function moveToPrevMain(elem){
        $('#zm_items').animate({
            'marginLeft' : '+=181'
        }, moveTime)

        elem.removeClass('first');
        elem.prev().addClass('first');

        var first = elem.parent().find('.last');
        first.removeClass('last');
        first.prev().addClass('last');
    }
    
    
    function animatePhotos(nr){
//        var vis = $('#hp_zmieniarka').find('.visible');
//        vis.stop(true, true).fadeOut(moveTimeMain, function(){
//            //$(this).removeClass('visible');
//            });
//        
//        $('#hp_zmieniarka #hp_zmieniarka_item_'+item).fadeIn(moveTimeMain, function(){
//            //$(this).addClass('visible');
//        })

        if(nr==3)
        {
 
            hideHpKontakt();
        }
        else
        {
            showHpKontakt();
        }

        $("div#hp_zmieniarka").children("div#hp_zmieniarka_item_"+nr).stop(true, true).fadeIn(moveTimeMain, function(){
            if((nr==3)&&(video_started!=1))
                {
                    video_started = 1;
                    VideoJS.setupAllWhenReady(); 
                    
                }
                
            
        });


        $("div#hp_zmieniarka").children("div.hp_zmieniarka_item").each(function(){
            act_id = $(this).attr("id");
            if("hp_zmieniarka_item_"+nr!=act_id)
            {
                $(this).stop(true, true).fadeOut(moveTimeMain);
            }
        }
        );
    }
    
    $('#zm_items .zm_item').live('click', function(){
        var elem = $(this);
        elem.parent().find('.active').removeClass('active');
        elem.addClass('active');
        var divElems = $('#hp_zmieniarka .hp_zmieniarka_item').size(); //liczba kontenerow z realizacjami
        var clicked = parseInt($(this).index())+1; //numer kliknietego elementu
        
        if(elem.hasClass('first') && clicked != 1){
            moveToPrevMain(elem);
        }else if(elem.hasClass('last') && clicked < divElems){
            moveToNextMain(elem);
        }
        
        animatePhotos(clicked);
    });
    
    //******************************KONTAKT***********************************//

    
    var number = 0;

    

   
    $('.wybierz_numer li').click(function(){
        if(!$(this).hasClass('active')){
            number = $(this).index();
            $(this).parent().find('.active').removeClass('active').css('display', 'list-item');
            $(this).addClass('active');
            showNumber(number);
            createCookie('phone', number, 7);
        }
    });
    
    $('.wybierz_numer').hover(function(){
        $(this).children('li').stop(true, true).slideDown('200').css('zIndex', '200')
    }, function(){
        $(this).children('li').not('.active').slideUp('200')
    })
    
});

    function hideHpKontakt()
    {
        $("#zm_main_kontakt").css("top", "582px");
        $("#zm_main_kontakt").css("height", "145px");
        $("#zm_main_kontakt").css("backgroundPosition", "0 100%");
        $("#zm_main_real_link").hide();
        $("#zm_main_kontakt_link").css("top", "22px");
    }
    
    function showHpKontakt()
    {
        $("#zm_main_kontakt").css("top", "359px");
        $("#zm_main_kontakt").css("height", "367px");
        $("#zm_main_kontakt").css("backgroundPosition", "0 0");
        $("#zm_main_real_link").show();
        $("#zm_main_kontakt_link").css("top", "245px"); 
    }