/**
* Generator: Jordan Dobrev 
* E-mail: jordan@webfactory.bg
* Company: Webfactory Bulgaria
*/
      
var ImageSliderCount = 5;
var ImageSliderCurrent = 1;
var semafors = new Array();
var LoaderBoxCount = 0;
var LoaderBoxTime       = 350;
var LoaderDelay         = 35;    
var activeAnimation;
var animationTime       = 4000;
var youtube_videos;  
                                     
$(function(){                                        
       
    activeAnimation = setInterval(" ImageSlider(1) ", animationTime);  
                                                             
    youtube_videos = eval('('+videos+')');  
                                          
    LoadVideoImages();                                                
    
    semafors['imageSlider'] = 0;
    semafors['socialAnimation'] = 0;
    semafors['slider'] = 0;
    
    $('.SocialBoxText, .SocialImage').css({ opacity: 0}); 
    $('#RightSideGreenButtonHover').css({opacity: 0});
    $('#purpleGradientButtonHoverText').css({opacity: 0});
    $('.youTubeIconHover').children('h2').css({opacity: 0});
    
    $('#LeftSliderArrow').click(function(){ ImageSlider(0); });
    $('#RightSliderArrow').click(function(){ ImageSlider(1); }); 
    
    $('#WallLoader').children('.whiteBox').each(function(){  
        var div = $(this);
        time = LoaderBoxCount*LoaderDelay;  
        LoaderBoxCount++;
        if(LoaderBoxCount < 32)
            setTimeout(function(){div.animate({opacity : 0}, LoaderBoxTime);},time); 
        else                                                                       
            setTimeout(function(){div.animate({opacity : 0}, LoaderBoxTime, function(){$('#WallLoader').hide()});},time);  
         
    });                                                          
                                                                                           
    
    $('#TwitterIcon, #FacebookIcon').mouseover(function(){    
        
        $('.topIcons').css({zIndex : 2});
        $(this).parent().css({zIndex : 5});                   
        
        var element_1 = $(this).parent().children('.SocialBox');
        var element_2 = element_1.children('.SocialImage');
        var element_3 = element_1.children('.SocialBoxText');
        
        element_1.stop();
        element_2.stop();
        element_3.stop();
        
        element_1.animate({height: 260, padding: '30px 10px 0px 10px'}, 400, function(){
            element_2.animate({opacity: 1}, 250, function(){
                element_3.animate({opacity: 1}, 150);
            });                                  
        });
    }).mouseout(function(){   
                           
        var element_1 = $(this).parent().children('.SocialBox');
        var element_2 = element_1.children('.SocialImage');
        var element_3 = element_1.children('.SocialBoxText');
        
        element_1.stop();
        element_2.stop();
        element_3.stop();
        
        element_3.animate({opacity: 0}, 150, function(){
            element_2.animate({opacity: 0}, 250, function(){
                element_1.animate({height: 0, padding: '0px 10px 0px 10px'}, 500, function(){
                    element_1.hide();                    
                    element_1.parent().css({zIndex: 2}); 
                });        
            });                                                             
        });                                                          
    })
    
    $('.panelImageArrowButton').mouseover(function(){
        var hoverDiv = $(this).find('.ArrowHover');   
        hoverDiv.stop().animate({height: '100%'}, 100);   
    }).mouseout(function(){     
        var hoverDiv = $(this).find('.ArrowHover'); 
        hoverDiv.stop().animate({height: 0}, 200);
    }).click(function(){
        var left;
        if($(this).hasClass('blue'))                 
            SlidePanel('Blue', 'Green');       
        else                   
            SlidePanel('Purple', 'Green');
    });
    
    $('.SliderArrow').mouseover(function(){
        clearInterval(activeAnimation);
        var hoverDiv = $(this).children('.sliderArrowHover');   
        hoverDiv.stop().animate({width: '100%'}, 100);   
    }).mouseout(function(){      
        var hoverDiv = $(this).children('.sliderArrowHover'); 
        hoverDiv.stop().animate({width: 0}, 200, function(){
            activeAnimation = setInterval("ImageSlider(1)", animationTime);
        });
    });                         
                                                        
    
    $('#RightSideGreenButton').hover(function(event){
        var element_1 = $('#RightSideGreenButtonHover');
        var element_2 = $('#RightSideText');
        var element_3 = $('#FullGreenBox');       
        
        element_1.stop();
        element_2.stop();
        element_3.stop();                  
                                                             
        element_3.animate({height: 380},400);
        element_2.animate({opacity: 0} ,250, function(){
            element_1.animate({opacity: 1}, 400); 
        });
                                                              
        
    },function(){                  
        var element_1 = $('#RightSideGreenButtonHover');
        var element_2 = $('#RightSideText');    
        var element_3 = $('#FullGreenBox');
        
        element_1.stop();
        element_2.stop();
        element_3.stop();          
        
        element_1.animate({opacity: 0},250, function(){
            element_3.animate({height: 0},400);     
            element_2.animate({opacity: 1}, 600);    
        });   
                                                               
                
    });
    
    $('#purpleGradientButton').hover(function(){
        var element_1 = $('#purpleGradientButtonHover');
        var element_2 = $('#purpleGradientButtonHoverText'); 
        
        element_1.stop();
        element_2.stop();       
        
        element_1.animate({width: 380}, 500, function(){
            element_2.animate({opacity: 1}, 400);
        });
        
    }, function(){
        var element_1 = $('#purpleGradientButtonHover');
        var element_2 = $('#purpleGradientButtonHoverText');  
        
        element_1.stop();
        element_2.stop(); 
        
        element_2.animate({opacity: 0}, 400, function(){ 
            element_1.animate({width: 0}, 500);   
        });                                
        
    });
    
    //yello button slide
    $('.navigationArrows').hover(function(){
        var element_1 = $(this).children('.navigationArrowsHover');                                                                                             
        element_1.stop();                                                           
        element_1.animate({width: '100%'}, 100);
    }, function(){
        var element_1 = $(this).children('.navigationArrowsHover');                                                                                             
        element_1.stop();                                                           
        element_1.animate({width: '0'}, 200);   
    });
    
    
    // Youtube button
    $('.youTubeIcon').hover(function(){       
        var element_1 = $(this).parent().children('.youTubeIconHover');
        var element_2 = element_1.children('h2');
        
        element_1.stop();
        element_2.stop();
        
        element_1.animate({height: 190}, 500, function(){
            element_2.animate({opacity : 1}, 300);
        }); 
    }, function(){                                         
        var element_1 = $(this).parent().children('.youTubeIconHover')
        var element_2 = element_1.children('h2');
        
        element_1.stop();    
        element_2.stop();    
        
        element_2.animate({opacity : 0}, 300, function(){
            element_1.animate({height: 0}, 500); 
        });                                  
    });  
                                                                           

    $('.scroll-pane').jScrollPane({
            horizontalDragMinWidth: 240,
            horizontalDragMaxWidth: 240
    });                                          

});      

// FUNCTION
function ImageSlider(direction){
    if(semafors['imageSlider'] == 1)
        return;
        
    semafors['imageSlider'] = 1;          
    
    var changedImageSlider = ImageSliderCurrent;
    
    if(direction == 0){
        if(ImageSliderCurrent == 1)
            ImageSliderCurrent = ImageSliderCount;
        else
            ImageSliderCurrent--;                                  
    } else {
        if(ImageSliderCurrent == ImageSliderCount)
            ImageSliderCurrent = 1;
        else
            ImageSliderCurrent++;        
    }
                                        
    var h3 = $('#ImageSlider_image_'+ImageSliderCurrent).attr('title');
    var TextElement = $('#wallPanelRightText > h3');
    
    TextElement.fadeOut(300, function(){ 
        TextElement.html(h3);
        TextElement.fadeIn(300);   
    });                                    
    
    $('#ImageSlider_image_'+changedImageSlider).fadeOut(300, function(){
        $('#ImageSlider_image_'+ImageSliderCurrent).fadeIn(300, function(){
            semafors['imageSlider'] = 0;     
        });                                    
    });
}             
function SlidePanel(screen, fromScreen){  
    if(semafors['slider'] == 1)
        return;              
    semafors['slider'] = 1;      
                          
    $("#WallPanel div[id^='NavigationArrows'").unbind('click');     
    
    var position;
    if(screen == 'Green')
        position = '0px';
    else if (screen == 'Purple')
        position = '-760px';
    else
        position = '-1520px';   
    if(screen != 'Green'){
        $('.navigationArrows').fadeOut(200);
        setTimeout(function(){
            $("#WallPanel div[id^='NavigationArrows"+screen+"']").fadeIn(200, function(){
                BindNavigation(screen);
            });
        }, 300);  
        
        $('#WallPanelHolder').animate({left: position}, 500, function(){  
            
            if(screen == 'Purple'){
                $('#YouTubeCelebrity').html('');
                LoadVideo('YouTubeMore' , youtube_videos['more'][0]);
            } else {
                $('#YouTubeMore').html('');
                LoadVideo('YouTubeCelebrity' , youtube_videos['celebrity'][0]);  
            }
            
            semafors['slider'] = 0;              
        });            
    } else {           
        $("#WallPanel div[id^='NavigationArrows"+fromScreen+"']").fadeOut(200, function(){
            $('#WallPanelHolder').animate({left: position}, 500, function(){ 
                $('#YouTubeMore').html('');
                $('#YouTubeCelebrity').html('');
                semafors['slider'] = 0;      
            });   
        });                                                        
    }   
}    

function BindNavigation(screen){                          
    if(screen == 'Purple') {   
        $('#NavigationArrowsPurpleGreenScreen').click(function(){
            SlidePanel('Green', 'Purple');   
        });  
        $('#NavigationArrowsPurpleBlueScreen').click(function(){
            SlidePanel('Blue', 'Purple');   
        });
    } else if(screen == 'Blue') {     
        $('#NavigationArrowsBluePurpleScreen').click(function(){
            SlidePanel('Purple', 'Blue');   
        });    
        $('#NavigationArrowsBlueGreenScreen').click(function(){
            SlidePanel('Green', 'Blue');   
        });
    }
}
        
function LoadVideo(section ,videoID){
    var div = '<iframe title="YouTube video player" class="youtube-player" type="text/html" width="380" height="285" src="http://www.youtube.com/embed/'+videoID+'?wmode=transparent&amp;rel=0&amp;autoplay=1" frameborder="0" allowFullScreen></iframe>'
    $('#'+section).html(div);
}

function LoadVideoImages(){
    
    var more_length         = youtube_videos['more'].length*95; 
    var celebrity_length    = youtube_videos['celebrity'].length*95; 
    
    $('#YouTubeGalleryMore').css({'width' : more_length+'px'});
    $('#YouTubeGalleryCelebrity').css({'width' : celebrity_length+'px'});
    
    $.each(youtube_videos['more'], function(key, value){
        $('#YouTubeGalleryMore').append('<img id="more_videos_' + key + '" src="http://img.youtube.com/vi/'+value+'/2.jpg" />');
        $('#YouTubeGalleryMore > #more_videos_'+key).click(function(){
            LoadVideo('YouTubeMore', value);    
        });     
    });
    $.each(youtube_videos['celebrity'], function(key, value){   
        $('#YouTubeGalleryCelebrity').append('<img id="celbriry_videos_' + key + '" src="http://img.youtube.com/vi/'+value+'/2.jpg" />');
        $('#YouTubeGalleryCelebrity > #celbriry_videos_'+key).click(function(){
            LoadVideo('YouTubeCelebrity', value);    
        });     
    });
}