$(document).ready(function() {
    $('#footer').localScroll();
    //homePageSlider();
    toggleClientList();
    toggleClient()
/*$('.home #footer').remove();*/

});

/**
 *	Toggle client list
 *-----------------------------------------------------------------------------------------------------------------------------**/

function toggleClientList(){

    var toggler = $('.toggler');
    var link = toggler.find('a');
    var default_text = link.text();

    toggler.click(function(){
        $('.toggle-content').slideToggle(1000, function(){
            if(toggler.hasClass('plus')){
                toggler.removeClass('plus').addClass('minus');
                link.text('Close')
            }else{
				
                toggler.removeClass('minus').addClass('plus');
                link.text(default_text);
            }
        });
        return false;
    })
}

function toggleClient(){
    var client_toggler = $('.client-toggler');
    var link = client_toggler.find('a');
    var default_text = link.text();
    var toggle_content = '<ul class="client-project-list"></ul>';
    var shown = false;
	
    client_toggler.each(function(){
        var this_toggler = $(this);
        this_toggler.click(function(){
            $('ul.client-project-list').slideUp(500, function(){
                $(this).remove();
            })
            var client_id = $(this).attr('id');

            if(this_toggler.next('ul.client-project-list').is(':visible')){
                this_toggler.next('ul.client-project-list').slideUp(500).remove();
            }else{
                $.ajax({
                    url: '/xml/client-job-list.php?client_id='+client_id,
                    success: function (data){
                        var listHtml = '';
                        $(data).find('project').each(function(i){
                            listHtml += '<li>';
                            listHtml += '<a href="'+$(this).find('url').text()+'">'+$(this).find('title').text()+'</a>';
                            listHtml += '</li>';
                        })
                        this_toggler.after('<ul class="client-project-list">'+listHtml+'</ul>').slideDown(500, function(){
                            this_toggler.removeClass('minus').addClass('plus');
                        });
                    },
                    complete: function (){
                        this_toggler.next($(toggle_content)).slideDown(500, function(){
                            this_toggler.removeClass('plus').addClass('minus');
                        });
                    },
                    dataType: 'xml'
                })

            }
            return false;
        })
    })
}

/**
 *	Video player and loading
 *-----------------------------------------------------------------------------------------------------------------------------**/

function activateVideoLinks(projectId){
    var theLinks = $('#flashVideoWrapper a.videoLink');
    for(var i = 0; i<theLinks.length; i++){
        theLinks[i].onclick = function(){
            swapSwf("http://www.vimeo.com/moogaloop.swf?clip_id="+this.id);
            this.className +=" active";
            clearActiveLink(this.id);
            return false;
        }
    }
}

function clearActiveLink(clickedId){
    var theLinks = $('#flashVideoWrapper a.videoLink');
    for(var i = 0; i<theLinks.length; i++){
        if(theLinks[i].id !== clickedId){
            theLinks[i].className = theLinks[i].className.replace(/active/g,"");
        }
    }
}


var homePageSliderActiveIndex = -1;

$(window).ready(function() {
    if($('#flashVideo').size()> 0){
        $('#flashVideo').css('display','block')
        activateVideoLinks(projectId);
    }
});

function swapSwf(url){	
    var so = new SWFObject(url, "flashVideoSwf", "523px", "400px", "8", "#ffffff");
    so.addParam("wmode", "transparent");
    so.addParam("allowFullScreen", "true");
    if(!so.write("flashVideo")){
        $('flashParent').css("display", "none");
    }
}

/**
 *	home page slider
 *-----------------------------------------------------------------------------------------------------------------------------**/


if($('#slider').size()>0){
    var tsTimeStamp= new Date().getTime()+Math.round(Math.random() * 3);
    //var xml = '/xml/home-slides.php?time='+tsTimeStamp+'&p_group='+project_group;
    //var matchedWidth;
    //    $.ajax({
    //        url: xml,
    //
    //        success: function (data){
    //            var slideHtml = '';
    //            $(data).find('project').each(function(i){
    //                slideHtml += '<div class="slide">';
    //                slideHtml += '<div class="slide-inner">';
    //                slideHtml += '<a href="'+$(this).find('url').text()+'"><img src="/img/projects/'+$(this).find('imageref').text()+'/home_slide.jpg" class="image-bg" /></a>';
    //                slideHtml += '<div class="info"><a href="'+$(this).find('url').text()+'">View project</a></div>';
    //                slideHtml += '</div></div>';
    //            })
    //            $('#slider').append(slideHtml);
    //        //adjustSliderDims();
    //        },
    //        complete: function (){
    //			
    //			$('body.home #main').css({
    //				'width': $(window).width()-510+'px'
    //			});
    
    $('#slider').cycle({
        fx: 'fade',
        speed: 800,
        timeout: 6000,
        containerResize: 0,
        continuous: 0,
        before: onBefore,
        after: onAfter
    });
    var theSlide = '.home #slider .slide';
            
    $(theSlide)
        .mouseenter(function(){
            $(theSlide).find('img').animate({
                'opacity':0.5
            },250, function(){
                $(theSlide).find('.info').fadeIn(200, function(){
                    $('#slider').cycle('pause');
                });
            })
        }).mouseleave(function(){
            $(theSlide).find('img').animate({
                'opacity':1
            },500, function(){
                $(theSlide).find('.info').fadeOut(200, function(){
                    $('#slider').cycle('resume');
                });
            })
        })
}

//        },
//        dataType: 'xml'
//    });

function onBefore(){
    //adjustSliderDims()
    
    $("#introcontent .intro").animate({
        'opacity':0
    },450);

}

function onAfter() {
    
    
    var quotes = [
    "Creating a colourful <a href='http://icodesign.com/Blog/Post/Colourful-Christmas'>#Christmas</a>", 
    "Developing an iconic brand for<a style='margin-left:4px' href='/work/projects/snog_naming_and_brand_identity'>Snog Pure Frozen Yogurt</a>",
    "Redesigning the online presence for the<a style='margin-left:4px' href='/work/projects/national_railway_museum_nrm_website'>National Railway Museum</a>",
    "Demonstrating the powers of digital print for<a style='margin-left:4px' href='/work/projects/moore_digital_print_book'>Moore</a>"
    ]
    
    if (homePageSliderActiveIndex < 3) {
        homePageSliderActiveIndex++;
    } else {
        homePageSliderActiveIndex = 0;
    }
    $("#introcontent .intro").html(quotes[homePageSliderActiveIndex]);
     $("#introcontent .intro").animate({
        'opacity':1
    },450);
    
    
    adjustSliderDims()
}
	
function adjustSliderDims(){

    return
    $('#slider').css({
        'height': $(window).height()-200
    });
    $('#main,#slider,#slider .slide,#slider .slide-inner').css({
        'width': $(window).width()-510,
        'height': $(window).height()-200
    });

    $('#slider .slide img').attr('width',$('#slider').width());
    $('#slider .slide img').attr('height',$('#slider').width()*0.627);
    $('#slider .slide-inner').css('height',$('#slider').width()*0.627);
		
    $('.home #main, #slider,#slider .slide,#slider .slide-inner').css({
        'height': $('#slider .slide img').attr('height'),
        'width': $('#slider .slide img').attr('width')
    });
    $('#slider .slide-inner .info').css({
        'width': $('#slider .slide img').attr('width')-20
    })
}
	
function adjustSliderInner(){
    $('#slider .slide-inner').css({
        'height': $('#slider .slide img').attr('height'),
        'width': $('#slider .slide img').attr('width')
    })

}
	
$(window).resize(function() {
    //adjustSliderDims();
    })

function pauseSlider(f){
    if (typeof f == "function"){
        f(resumeSlider)
    }
}
function resumeSlider(){
    $('#slider').cycle('resume');
}