var myHeight = 0;
var myWidth =0
var col_size =224;
var preloaded_cols = Math.round( (screen.width-64)/col_size )+1000;
var project_column =1;
var next_project =0;
var maxScroll = 0
var xPos = 0;
var imageSpeed = 100;
var imgArray = '';
var galArray = '';
var galPos =1;
var projectPos =1;
var cloneWidth = 0;
var cloneHeight =0;
var activeColumn =1;
var activeThumb = 0;
var scrollSpeed = 0.2;
var upDown =0;
var vidkey = 1;
var vimkey = 1;
var caption = 1;
var soundtracks = [];
var musicon =1;
var twitterInterval = 0;
var thumbContainerWidth =0;


function OnHashChange(event) {
     if($(".fullsize").hasClass("open")){
            hideLargeImage();
     }
     else if(  $("#videoplayer").is(':visible') ) {
        $f("videoplayer").stop();
     }
      else if($("#thumbContainer").hasClass("galleryActive") ){
        //resetProjects($(".clone"));
        location.hash = '';
      }
}

$(document).ready(function(){


$("#leftBar, #rightBar").css("height", $(window).height());
$("#topBar, #bottomBar").css("width", $(window).width());
if(!smartphone){
    window.onresize=resizeLargeImage;
    document.onresize=resizeLargeImage;
}else{
    $('.triggerBar,#controls').remove();
}
$("#jPlayer").jPlayer( {ready: function () {},oggSupport: false,swfPath: "js/",cssPrefix: "my_jp_class"});


twitterInterval = setInterval ( "changeTwitterFont()", 50);



$('html,body').scrollTop(0).scrollLeft(0);


$("#backButton").live("click",function () {

       resetProjects($(".clone"));
});

$("#controls").live("click",function () {
    showHideKeyboard()
});
$(document).keydown(function(e){
    //alert(e.keyCode);
    switch (e.keyCode) {
        case 32:
            e.preventDefault();
        showHideKeyboard();
        break;

    }
});




$(".headerLink").mouseenter(function () {
        // Are we already on this page??
        if( $(this).hasClass("highlightedLink")){
            return false;
        }
        $(this).addClass("headerLinkHover").removeClass("dottedTop");
});

$(".headerLink").mouseleave(function () {
        // Are we already on this page??
        if( $(this).hasClass("highlightedLink")){
            return false;
        }
        $(this).addClass("dottedTop").removeClass("headerLinkHover");
});

// PROJECT CLICK
$("#gotoVids").live("click",function () {

  // count images
  if( activeThumb==0 ){
                $(".infoPanel").removeClass("greenImageBorder");
  }else{
                $("#thumb_"+id+"_"+activeThumb).removeClass("greenImageBorder");
  }
  galPos = parseInt($('.clone .imgThumb').size())+2 ;
  activeThumb=galPos-1;
  $( 'html, body' ).animate( { scrollLeft: galArray[galPos] }, 250 );
  var id= $("#project_"+activeColumn).find(":nth-child(1)").attr("id").substring(3);
  moveCaption(id,activeThumb);
  $("#thumb_"+id+"_"+activeThumb).addClass("greenImageBorder");

 });


// PROJECT CLICK
$(".project").live("click",function () {

    $(".greenTop").removeClass("greenTop");
    activeColumn =$(this).attr('id').substring(8);
    
    $("#project_"+activeColumn).children(".project_overview_title").addClass("greenTop");

    showProject(this);

    
 });

 // END PROJECT CLICK

 $(".vidiThumb").live("click",function () {
    if($("#thumbContainer").hasClass("galleryActive")){
    runVideoPlayer(this);
    }
 });

$(".returner").live("click",function () {
    showLargeImage($('#iddontexist'));
 });


$(".fullsize").live("click",function () {
    hideLargeImage();
});


$(".clone").live("click",function () {
    //resetProjects(this);
});

$(".imgThumb").live("click", function(){
    if(  $("#videoplayer").is(':visible') ){
        $f("videoplayer").stop();
    }
})

$(".cloneThumb").live("click",function () {

    $(".greenImageBorder").removeClass("greenImageBorder");
    var id = $(this).attr("id").split('_');
    activeThumb = parseInt(id[2]);

    if( galArray[activeThumb+1]!=undefined){
        galPos = activeThumb+1;
    }
    else{
        galPos = activeThumb;
    }
    
    $(this).addClass("greenImageBorder");
    showLargeImage(this)
});

});// END DOC READY


// set gallery position array
function setGalleryPosArray(){
    galArray=[];
    galArray[1]=0;
    galArray[2]=336;
    $('.clone img').each(
        function(k,v){
            var key = k+3;
            if( $(this).hasClass('landscape') ){
                
                galArray[key]= galArray[key-1]+432+16;
            }else{
                galArray[key]= galArray[key-1]+320+16;
            }
            
        }
    );
        var thisLength = galArray[galArray.length-1];
        
        galArray.push(448+thisLength);
}

function showProject(myObj){
    
    if( $(myObj).hasClass('clone') || $(myObj).hasClass('twitter') ){return false;}

    if( $('#thumbContainer').hasClass('galleryActive') || $('#thumbContainer').hasClass('loading')  ){
        return false;
    }else{
        $('#thumbContainer').addClass('galleryActive')
    }
    location.hash = '#project';
    // Bring all the thumbs back in
    $(".project").fadeTo(1,1);

    // What is the ID of this thumb/column?
    var thisID = $(myObj).attr("id");

    // Actual Project ID
    var recordID = $(myObj).find(":nth-child(1)").attr("id").substring(3);

    var gridPosition = $(myObj).attr("id").substring(8);

    // Remove any previous clones
    $(".clone").remove();


    // Get all the project info and hidden images
    $.post('getinfo', { id: recordID,ipad:smartphone }, function(data) {
            // Load the html into our hidden info Panel
            
            if( soundtracks[recordID]!=undefined) {
                var musicState = (musicon) ? 'On' : 'Off';
                var thismusicdiv = "<div id='mute'>Sound: <span id='musicState' class='green'>"+musicState+"</span></div>";
            }else{
                var thismusicdiv= '';
            }
            var captionState = (caption) ? 'On' : 'Off';
            var thiscaptiondiv = "<div id='captionToggle'>Captions: <span id='captionState' class=''>"+captionState+"</span></div>";
            var fromDB = data.build.replace("--break--", "");
            $('.infoPanel').html(fromDB);
            $('#like').html('<fb:like href="'+baseURL+'article/view/'+recordID+ '" layout="button_count" show_faces="false" width="65" action="like" font="segoe ui" colorscheme="light" />').css('display','block')
            if (typeof FB  != "undefined"){
                FB.XFBML.parse(document.getElementById('like'))
            }
            $('#projectDescription').append( $('#like') );


            // Make all the links external in the info panel
            $('.infoPanel a[href^="http://"], #mytwits a[href^="http://"]').attr("target", "_blank");
            
            if(data.type != 'news'){
                $('#options').html(thismusicdiv+thiscaptiondiv);
            }else{
                $('#options').html("<div class='green'>Date</div><div>"+data.date+"</div>");
                $("#littleLoader").addClass('news');
            }
            // grabImages.. See function grabimages
            if(smartphone){
                thevims = data.vimeos;
                items = eval(data.images);
               
                
            }else{
                grabImages(eval(data.images),data.vimeos,recordID);
            }


            ////////////////////////////////////////////////////
                // An iterator is needed so we dont process the wrong project
    var thisIterator = 1;
    //fade all projects out except this one
    $("#mytwits").css("z-index",100);
    $(".project:not(#"+thisID+"),#mytwits").fadeTo(1000,0,function(){

        if(thisIterator==1){
            if(smartphone){

                                ipadStart();
                                thisIterator++;
                                return false;
                            }
            // Create a clone of this project, insert it and add clone class
            $("#"+thisID).clone(false).insertBefore("#"+thisID).addClass("clone")

            // Fade Out the PROJECT LABEL and replace with Gallery
            $(".clone ").addClass('cloneLoading').children(".project_overview_title").fadeTo(200,0, function(){
                //$(this).html('Gallery').css({'width':96, 'border-top':'1px solid #00FFA2'}).fadeTo(2000,1);
            })
            if(!smartphone){
                setGalleryPosArray();
            }
            // Fade out the non clone project
            //$("#"+thisID+":not(.clone)").fadeTo(1,0);
            $(".project:not(.clone)").fadeTo(1,0);
            $(".clone .overviewInfo").fadeOut('fast', function(){
                if( ! $("#littleLoader").hasClass('news') && !smartphone){
                    $("#littleLoader").css('display','block');
                }
            });
            $(".clone").css({"position":"absolute","top":0,"left":(gridPosition*col_size)-col_size}).animate(
                {left: 336,top: 0}, 1000,
                function() {
                        // Animation complete.
                        $('html,body').scrollLeft(0);
                        // Show the infoPanel
                        $('.infoPanel').show('slow').addClass("greenImageBorder");

                        // Close the vertical thumbs

                        var upspeed = $('.clone .thumb').size() * 200;
                        var clonewidth = ($('.clone .landscape').size() * 448) + ($('.clone .portrait').size() * 336) +16+448;
                        var clonewidthspeed = clonewidth/3;
                        $( 'html, body' ).animate( { scrollTop: 0 }, upspeed );

                        $(".clone").css({"overflow":"hidden", "white-space":"nowrap"}).animate({"height":col_size},upspeed,function(){

                            $(".clone").scrollLeft(0).animate({ "width":clonewidth },clonewidthspeed,function(){


                                $(".clone").scrollLeft(0).removeClass('cloneLoading').children().css({"float": "left"});
                                if($(".clone").children().hasClass('thumb,transthumb')){
                                    if($(".clone").children(".vimThumb").length  && $(".clone").children(".imgThumb").length){
                                        var thisHtml ='<div id="gotoVids" class="dottedTop">Film</div><div id="gotoGallery" class="dottedTop">Gallery</div>';
                                    }else{
                                        var thisHtml ='<div id="gotoGallery" class="dottedTop">Gallery</div>';
                                    }


                                    $("#littleLoader").css('display','none').removeClass('news');
                                    $(".clone ").children(".project_overview_title").html(thisHtml).css({'width':208}).removeClass('greenTop').removeClass('dottedTop').fadeTo("fast",1);
                                    loadLargerImage($(".clone").css("height",800).find(":nth-child(3)"),true );
                                    //$(".clone").append('<div class="returner"></div>');
                                    if( ($(".clone").children(".vimThumb").length + $(".clone").children(".imgThumb").length) > 3 ){
                                        $('<div class="returner green"></div>').insertBefore('.shortDescTitle');
                                    }
                                }

                                $(".clone").find(":nth-child(2)").css({"float":"none"});

                                $('#thumbContainer').addClass('galleryActive');
                            }).children(":not(.project_overview_title,.overviewInfo,.imherekillme)").css({"display":'inline'}).parent().removeClass("project");

                        });
            });

            // Reset scrollposition
            $( 'html, body' ).animate( { scrollLeft: 0 }, imageSpeed*gridPosition );
            xPos = 0;

            thisIterator++;
        }


    });

    $(myObj).fadeTo(10,1);
    if( soundtracks[recordID]!=undefined){
                $("#mute").css('display','block')
                if(musicon==1){
                    var thistrack = soundtracks[recordID];
                    setTimeout("playTrack('"+thistrack+"')",3000)
                    ;
                }
    }
            ///////////////////////////////////////////////////

    },"json");
    // End Post


}

function playTrack(track){
    var thistrack ='media/soundtrack/'+track;
    $("#jPlayer").setFile( thistrack ).volume(75);
    if(musicon){
            $("#jPlayer").play().addClass("playing");
    }
    
}


$("#mute").live("click",function() {
        toggleMute();


});


$("#captionToggle").live("click",function() {
        toggleCaptions();
});

function showLargeImage(myObj){
        if($(myObj).length==0){
            $( 'html, body' ).animate( { scrollLeft: 0}, 250 );
            galPos = 1;
            activeThumb=0;
            $("#caption").css("display" , 'none');
            $(".returner , .cloneThumb").removeClass("greenImageBorder");
            $(".infoPanel").addClass("greenImageBorder");
            return false;

        }

        if( $(myObj).hasClass("vimThumb")){
            //runVideoPlayer(myObj);
            return false;
        }


        $(".fullsize").addClass("loading");
        $('html,body').scrollLeft(0).scrollTop(0);
        if( $(myObj).hasClass('portrait') ){
                var src = $(myObj).attr('src').replace("320_480","original");
        }else{
                var src = $(myObj).attr('src').replace("432_288","original");
        }
        $(".fullsize").addClass('open').removeAttr('width').css('width');

        // Fade out the container
        $('#header').fadeOut(0, function(){
            $('#frontContent,#caption').fadeOut(0)
            $(".loadingGif").css("display","block");
            var img = new Image();

            $(img).load(function () {
            // once image is loaded

                $(".fullsize").attr("src",src);
                cloneWidth = img.width;
                cloneHeight = img.height;
                resizeLargeImage();

                // Swell the image up
                $(".loadingGif").css("display","none");
                $(".fullsize").fadeIn(1750,function(){
                    $(this).removeClass('loading');
                });
            }).attr('src', src);
        })
}

function hideLargeImage(){
    $(".fullsize").removeClass('open');
    $(".fullsize").fadeOut(150 , function(){
        $(".fullsize").remove();
        var speed = galArray[galPos] * scrollSpeed;
        $( 'html, body' ).animate( { scrollLeft: galArray[galPos] }, speed );
        $("#frontContent,#caption").fadeIn(300);
        $("#header").fadeIn(300,function(){
            $("body").append('<img class="fullsize" src="img/loading.gif"/>')
        });
        
    })
}


function resizePlayer(){
    if( $(window).width()+32 > 832  && $(window).height()+32 > 482){
        $("#videoplayer").css({"width":800, "height":450, "margin-left":-400, "margin-top":-225});
    }else{
        var aspectRatio = 1.777;
        // do width
        if( $(window).width()+32 < 832 ){
            var thisWidth = $(window).width()-32;
            var thisHeight =thisWidth/aspectRatio;

            if($(window).height()+32 < thisHeight){
                thisHeight = $(window).height()-32;
                thisWidth =thisHeight * aspectRatio;
            }
        } //do height
        else if( $(window).height()+32 < 482 ){
            var thisHeight = $(window).height()-32;
            var thisWidth =thisHeight * aspectRatio;

            if($(window).width()+32 < thisWidth){
                thisWidth = $(window).width()-32;
                thisHeight = thisWidth / aspectRatio;
            }
        }



        var thisMarginTop = (thisHeight / 2)*-1;
        var thisMarginLeft = (thisWidth / 2)*-1;
        $("#videoplayer").css({"width":thisWidth, "height":thisHeight, "margin-left":thisMarginLeft, "margin-top":thisMarginTop});
        
    }
    return false;
}
function resizeLargeImage(){

    $("#leftBar, #rightBar").css("height", $(window).height());
    $("#topBar, #bottomBar").css("width", $(window).width());
    //resizePlayer();
    var imgW =cloneWidth;
    var imgH =cloneHeight;
    
    if(!$(".fullsize").hasClass('open')){
        return false;
    }
    if(imgH>imgW){
                // Portrait

                // Height is too big for the window
                if(imgH > $(window).height()){
                        var newWidth = (((($(window).height()-32)/imgH)*imgW));
                        // We change the width and it fits!!!!
                        if($(window).width()>newWidth ){
                                var marginLeft= Math.round((($(window).width()-newWidth)/2))
                                $(".fullsize").css({"border": "0px solid purple", "height":$(window).height()-32, "width":newWidth, "margin-left": marginLeft, "margin-top": 16});
                        }else{
                           // New width doesnt fit, we need to change the height and width
                                var newHeight = (((($(window).width()-32)/imgW)*imgH));
                                $(".fullsize").css({"border": "0px solid white","height":newHeight, "width":$(window).width()-32, "margin-left": 16, "margin-top": Math.round((($(window).height()-newHeight)/2))});
                        }

                }else{
                     // HEIGHT AUTO FITS INTO WINDOW BUT WE SHOULD CHECK THE WIDTH
                     if(imgW>$(window).width()){
                            var newWidth = $(window).width()-32;
                            var newHeight = (((($(window).width()-32)/imgW)*imgH));
                            $(".fullsize").css({"border": "0px solid orange", "width" : $(window).width()-32 , "height": newHeight, "margin-left": 16, "margin-top": Math.round((($(window).height()-newHeight)/2))});
                     }else{
                         // All is fine
                         $(".fullsize").css({"border": "0px solid cyan","margin-left": Math.round(($(window).width()-imgW)/2), "margin-top": Math.round((($(window).height()+32)-imgH)/2) })
                     }
                }
            }else{

               // Width is too big for the window
                if(imgW > $(window).width()){
                        var newHeight = (((($(window).width()-32)/imgW)*imgH));
                        // We change the height and it fits!!!!
                        if($(window).height()>newHeight ){
                                var marginTop= Math.round((($(window).height()-newHeight)/2))
                                $(".fullsize").css({"border": "0px solid yellow", "width":$(window).width()-32, "height":newHeight, "margin-top": marginTop, "margin-left": 16});
                        }else{
                           // New height doesnt fit, we need to change the height and width
                                var newWidth= (((($(window).height()-32)/imgH)*imgW));
                                $(".fullsize").css({"border": "0px solid green","width":newWidth, "height":$(window).height()-32, "margin-top": 16, "margin-left": Math.round((($(window).width()-newWidth)/2))});
                        }

                }else{
                     // HEIGHT AUTO FITS INTO WINDOW BUT WE SHOULD CHECK THE WIDTH
                     if(imgH>$(window).height()){
                            var newHeight = $(window).height()-32;
                            var newWidth = (((($(window).height()-32)/imgH)*imgW));
                            $(".fullsize").css({"border": "0px solid blue", "height" : $(window).height()-32 , "width": newWidth, "margin-top": 16, "margin-left": Math.round((($(window).width()-newWidth)/2))});
                     }else{
                         // All is fine
                         $(".fullsize").css({"border": "0px solid red","margin-top": Math.round(($(window).height()-imgH)/2), "margin-left": Math.round(($(window).width()-imgW)/2) })
                     }
                }


            }

}

// LOAD PROJECT
function loadProject(project_id,shift){
   //alert(shift)
        $.post('getinfo/getproject', { id: project_id, filetype: filetype }, function(data) {
        // does the project exist?
     
        if(data==null){return false;} 
        var borderTop = (project_column==1) ? 'greenTop' : '';
        var twitter = (data.title=='Twitter') ? 'twitter' : '';
        var build = '<div class="project '+twitter+'" id ="project_'+project_column+'">'
        var captionBuilder = '';
        var title = (data.type=='news' && data.title!='Twitter') ? data.dob : data.title;
        build = build+'<div class="project_overview_title '+borderTop+' large dottedTop" id="id_'+data.id+'">'+title+'</div><div class="imherekillme" style="clear:both"><img style="position:relative;top:-10px" src="img/loading.gif"/></div>';
        // Do we have images??
        var thiskey = 1;
        if(data.img_project){
            $.each(data.img_project, function(imgKey,imgVal) {
                var thisclass = (imgVal.colours=='showthisimageonhomepage') ? 'thumb' : 'transthumb' ;
                var thissrc = 'img/transparent.gif';
                build=build+'<img class="'+thisclass+' '+imgVal.orientation+' imgThumb" id="thumb_'+project_id+'_'+thiskey+'" src="'+thissrc+'" alt=""/>';
                captionBuilder = captionBuilder+'<span id="caption_'+project_id+'_'+thiskey+'">'+imgVal.caption+'</span>';
                thiskey++;
            });
        }

        if(data.med_soundtrack){
            

            $.each(data.med_soundtrack, function(medKey,medVal) {
                    soundtracks[project_id] = medVal.name;
                
            });
        }


        vidkey = thiskey;

        // Do we have video??
        if(data.vid_project){
            $.each(data.vid_project, function(imgKey,imgVal) {
                var thisclass = (imgVal.colours=='showthisimageonhomepage') ? 'thumb' : 'transthumb' ;

                var thissrc = 'img/transparent.gif';

                build=build+'<img class="'+thisclass+' landscape vidiThumb" id="thumb_'+project_id+'_'+thiskey+'" src="'+thissrc+'" alt=""/>';
                captionBuilder = captionBuilder+'<span id="caption_'+project_id+'_'+thiskey+'">'+imgVal.caption+'</span>';
                thiskey++;
            });
        }

        vimkey = thiskey;
        if(data.vimeos){
            
            $.each(data.vimeos, function(vimKey,vimVal) {
                var myvims = vimVal.split('^');
                var thisclass = (myvims[1]==1) ? 'thumb' : 'transthumb' ;
                var thissrc = 'img/transparent.gif';
                build=build+'<img class="'+thisclass+' landscape vimThumb" id="thumb_'+project_id+'_'+thiskey+'" src="'+thissrc+'" alt="'+myvims[2]+'"/>';
                captionBuilder = captionBuilder+'<span id="caption_'+project_id+'_'+thiskey+'">'+myvims[3]+'</span>';
                thiskey++;
            })
        }



        // Do we have client name??
        if(data.client != data.type=='news'){
            build=build+'<div class="green clientTitle overviewInfo">Client</div>';
            build=build+'<div class="clientName  overviewInfo">'+data.client+'</div>';
        }else if(data.title=='Twitter'){
                
        }
        else if(data.type=='news'){
            build=build+'<div class="green clientTitle overviewInfo">Title</div>';
            build=build+'<div class="clientName  overviewInfo">'+data.title+'</div>';
        }

        if(data.title=='Twitter'){
            build=build+'<div class=" shortDescTitle  twitblock overviewInfo"></div>';
        }
        else if(data.description){
            var descSections = data.description.split('--break--');
            build=build+'<div class="green shortDescTitle  overviewInfo">Information</div>';
            build=build+'<div class="shortDesc  overviewInfo">'+descSections[0]+'</div>';
            if((descSections.length)>1){
                build=build+'<div class="moreLink  overviewInfo"><span class="greenBottom">More</span></div>';
            }
        }
        
        

        build = build+'</div>';
        $('#captionContainer').append(captionBuilder);
        thumbContainerWidth = parseInt($('#thumbContainer').css('width'))+col_size
        $('#thumbContainer').css('width',thumbContainerWidth).append(build);
        if(shift){  $( 'html, body' ).addClass('moving').animate( { scrollLeft: project_distance[projectPos] }, 300,function(){$( 'html, body' ).removeClass('moving')} );  }
        // load the images
        if(data.img_project){
            loadThumbs(project_id,1,data);
 
        }
        else if(data.vid_project){
            loadVidThumbs(project_id,1,data);
        }
        else if(data.vimeos){
            loadVimThumbs(project_id,0,data);
        }
        else{
            loadNext(project_id);
        }
    },"json");
}
// END LOAD PROJECT

function grabImages(imgArray,vidArray, recordID){
    // Grabs and loads all the unloaded thumbs from a project
    if(filetype!='vids'){
        $.each(imgArray, function(k,v) {
            $('#caption'+recordID+'_'+k).html(v['caption']);
            if ( $('#thumb_'+recordID+'_'+k).hasClass('transthumb')   ){
                // Assign the source
                $('#thumb_'+recordID+'_'+k).attr('src', 'img/uploads/projects/project/208_176/'+v['name'])
            }

        });

    }

    var vidikey = $('#project_'+activeColumn).children(".imgThumb").size();
    
    $.each(vidArray, function(k,v) {
        vidikey++;
        var myvims = v.split('^');
        //$('#caption'+recordID+'_'+vidikey).html(v['caption']);
        if ( $('#thumb_'+recordID+'_'+vidikey).hasClass('transthumb')   ){
            // Assign the source
            $('#thumb_'+recordID+'_'+vidikey).css({'background':'black url('+myvims[0]+') no-repeat center center','background-size': '100%'});
            //$('#thumb_'+recordID+'_'+vidikey).attr('src', 'video/project/208_176/'+v['name'].replace("mp4", "jpg"))
        }
        //var position = $('#thumb_'+recordID+'_'+vidikey).position();
        //$('.clone').append('<iframe class="vimeoIframe" style="position:absolute;top:'+position.top+'px;left:'+position.left+'px" src="http://player.vimeo.com/video/'+myvims[2]+'?title=0&amp;byline=0&amp;portrait=0&amp;color=#ffffff"></iframe>')
        
    });

      
}

function loadThumbs(project_id,key,data){

    if(data.img_project[key]){
    
        if(data.img_project[key]['colours']=='showthisimageonhomepage'){

            var img = new Image();
            var src = 'img/uploads/projects/project/208_176/'+data.img_project[key]['name'];
            $(img).load(function () {

              var element = '#thumb_'+project_id+'_'+key;
              $(element).attr("src",src);
              key++;
              if( data.img_project[key] ){
                  loadThumbs(project_id,key,data);
              }else{
                  loadVimThumbs(project_id,0,data);
               
              }

            }).attr('src', src);
        }else{
              key++;
              if( data.img_project[key] ){
                  loadThumbs(project_id,key,data);
              }else{
                  loadVimThumbs(project_id,0,data);
              
              }
        }
    }else{
        loadVimThumbs(project_id,0,data);
     
    }
}


function loadVidThumbs(project_id,key,data){

    if(data.vid_project[key]){
        if(data.vid_project[key]['colours']=='showthisimageonhomepage'){

            var img = new Image();
            var src = 'video/project/208_176/'+data.vid_project[key]['name'].replace("mp4", "jpg");
            $(img).load(function () {

              var element = '#thumb_'+project_id+'_'+vidkey;vidkey++;
              $(element).attr("src",src);
              key++;
              if( data.vid_project[key] ){
                  loadVidThumbs(project_id,key,data);
              }else{
                  loadNext(project_id)
              }

            }).attr('src', src);
        }else{vidkey++;
              key++;
              if( data.vid_project[key] ){
                  loadVidThumbs(project_id,key,data);
              }else{
                  loadNext(project_id)
              }
        }
    }else{
        loadNext(project_id)
    }
}

function loadVimThumbs(project_id,key,data){

    if(data.vimeos[key]){
        var myvims = data.vimeos[key].split('^')
        if(myvims[1]==1){
            var img = new Image();
            var src = myvims[0];
            $(img).load(function () {

              var element = '#thumb_'+project_id+'_'+vimkey;
              vimkey++;
              $(element).css({'background':'black url('+src+') no-repeat center center','background-size': '100%'});
              key++;
              if( data.vimeos[key] ){
                  loadVimThumbs(project_id,key,data);
              }else{
                  loadNext(project_id)
              }

            }).attr('src', src);
        }else{vimkey++;
              key++;
              if( data.vimeos[key] ){
                  loadVimThumbs(project_id,key,data);
              }else{
                  loadNext(project_id)
              }
        }
    }else{
        loadNext(project_id)
    }
}

function loadNext(project_id){
    $('#project_'+project_column).find(":nth-child(2)").children().remove();
    var thisHeight = 0;
    $('#project_'+project_column).children(":not(.transthumb)").each(function(){thisHeight=thisHeight+$(this).height()+18})
    $('#project_'+project_column).animate({'height':thisHeight},thisHeight,function(){$('html,body').scrollTop(0);});

    project_id++;
    project_column++;
    if(project_column<=preloaded_cols && project_array[project_column] !=undefined){
        loadProject(project_array[project_column],false)
    }else{
         $("#thumbContainer").removeClass("loading");
    }
}



function loadLargerImage(myObj,highlight){
    
    if( $(myObj).hasClass('vimThumb') ){
        
        
        var position = $(myObj).position();
        var thisid = $(myObj).attr('id');
        var vimcode = $(myObj).attr('alt');

        $(myObj).replaceWith('<iframe class="vimeoIframe vimThumb thumb" id="'+thisid+'" style="display:inline;float:left;" src="http://player.vimeo.com/video/'+vimcode+'?title=0&amp;byline=0&amp;portrait=0&amp;color=#ffffff"></iframe>')
        var newObj = $("#"+thisid);
        $(newObj).animate({"width":432, "height": 288},150, function(){
            if( $(newObj).next().hasClass("transthumb")  ){
                $(newObj).next().addClass("thumb").removeClass('transthumb')
            }
            if( $(newObj).next().hasClass("thumb") ){

                loadLargerImage( $(newObj).next(),false );
            }
        })

    }else{
        var img = new Image();
        var thiswidth = ( $(myObj).hasClass('landscape')   ) ? '432' : '320';
        var thisheight = ( $(myObj).hasClass('landscape')   ) ? '288' : '480';
        var  src = $(myObj).attr("src").replace("208_176",thiswidth+"_"+thisheight);

        $(img).load(function () {//
            // once image is loaded
            if(filetype=='vids2'){
                var thumbtype = 'vidThumb';
                 $(myObj).attr("src",src);
            }else{
                $(myObj).attr("src",src);
                var thumbtype = 'cloneThumb';
            }
            // Swell the image up
            $(myObj).animate({"width":thiswidth, "height": thisheight},150, function(){

                    if(filetype=='vids2'){
                            $(myObj).css({'background-image': 'url('+src+')', 'background-repeat':'no-repeat'}).attr("src",'img/playvid.png');
                        }


                    if( $(myObj).next().hasClass("transthumb")  ){

                        $(myObj).next().addClass("thumb").removeClass('transthumb')
                    }
                    if( $(myObj).next().hasClass("thumb")  ){

                        loadLargerImage( $(myObj).next(),false );
                    } else{

                        var kids = $(".clone").children(".vidiThumb");

                        $.each(kids, function(k,v){
                            if( ! $(v).hasClass('changed')){
                                var thissrc = $(v).attr("src");

                            $(v).css({'background-image': 'url('+thissrc+')', 'background-repeat':'no-repeat'}).addClass('changed').fadeTo(100,1,function(){
                                $(v).attr("src",'img/playvid.png');
                            });
                           }


                        })

                    }
                    if(highlight){
                        //$(myObj).addClass('greenImageBorder');
                    }
             }).addClass(thumbtype)
        }).attr('src', src);
    }
}

function resetProjects(myObj){
    if( $(".clone").hasClass('cloneLoading') ){
        return false;
    }
    
    if(  $("#videoplayer").is(':visible') ){
        $f("videoplayer").stop();
    }
    $(".returner").remove();
    
    if( $("#jPlayer").hasClass("playing") ){
        $("#jPlayer").pause().removeClass("playing");
    }
    

    $("#mute").css("display","none");
    $("#caption").css("display","none");
    if($(myObj).length>0){
        $(myObj).fadeOut(1000,function(){
            $(myObj).remove();
            $("#mytwits").css("z-index",101)
            $(".project,#mytwits").fadeTo("fast",1, function(){
                    $("#thumbContainer").removeClass('galleryActive');
                    activeThumb = 0;
                    $(".greenImageBorder").removeClass('greenImageBorder');
                    

                });
            var speed = project_distance[projectPos] *scrollSpeed;
            $( 'html, body' ).animate( { scrollLeft: project_distance[projectPos] }, speed ).scrollTop(0);
            upDown =0;
            

        });
    }else{
        //ipad
        $('#gallerySwitch').remove();
        $.each(items,function(k){
                    var i =k-1;
                    delete window['item' + i]
            })
        items=false;
        imagesLoaded=false;
        itemIndex = 0;
        loadList = new Array();
        imgCount = 0;
        itemCount = false;
        filetype = 'img';

        $("#mytwits").css("z-index",101)
            $(".project,#mytwits").fadeTo("fast",1, function(){
                    $("#thumbContainer").removeClass('galleryActive').css('display','block');
                    activeThumb = 0;
                    $(".greenImageBorder").removeClass('greenImageBorder');
                });
            var speed = project_distance[projectPos] *scrollSpeed;
            $( 'html, body' ).animate( { scrollLeft: project_distance[projectPos] }, speed ).scrollTop(0);
            upDown =0;
    }

    $('.infoPanel').hide(1000, function(){
        $('#littleLoader').append( $('#like') );
        $('#like').css('display','none');
    });
}

function shiftGreenProject(direction){
    if(direction=='forwards'){
        if (project_array[activeColumn+1] !=undefined){
            $("#project_"+activeColumn).find(':first-child').removeClass("greenTop");
            activeColumn++;
            //$("#project_"+activeColumn).find(":nth-child(1):not(.greenBottom,.overviewInfo)").addClass("greenTop");
            $("#project_"+activeColumn).children(".project_overview_title").addClass("greenTop");
        }else{ return false}
    }else if(direction=='backwards'){
        if (project_array[activeColumn-1] !=undefined){
            $("#project_"+activeColumn).find(':first-child').removeClass("greenTop");
            activeColumn--;
            $("#project_"+activeColumn).children(".project_overview_title").addClass("greenTop");
        }else{ return false}
    }
}

function shiftGreenThumb(direction){
    
    var id= $("#project_"+activeColumn).find(":nth-child(1)").attr("id").substring(3);
    if(direction == 'forwards'){
        var next = activeThumb+1;
        if( $("#thumb_"+id+"_"+next).length ||  $("#thumb_"+id+"_"+activeThumb).next().hasClass('returner') ){
            if( activeThumb==0 ){
                $(".infoPanel").removeClass("greenImageBorder");
            }else{
                $("#thumb_"+id+"_"+activeThumb).removeClass("greenImageBorder");
            }
            
            
            if( $("#thumb_"+id+"_"+activeThumb).next().hasClass('returner') ){
                activeThumb++;
                $(".returner").addClass("greenImageBorder");
                 $("#caption").css("display","none");
            }else{
                activeThumb++;
                $("#thumb_"+id+"_"+activeThumb).addClass("greenImageBorder");
                moveCaption(id,activeThumb);
            }
            
        }else{
            return false;
        }

    }else if( direction =='backwards'){
        var prev = activeThumb-1;
        $(".returner").removeClass("greenImageBorder");
        if( $("#thumb_"+id+"_"+prev).length ){
            $("#thumb_"+id+"_"+activeThumb).removeClass("greenImageBorder");
            activeThumb--;
            $("#thumb_"+id+"_"+activeThumb).addClass("greenImageBorder");
            moveCaption(id,activeThumb);
        }else{
            activeThumb=0;
            $("#caption").css("display" , 'none');
            $("#thumb_"+id+"_1").removeClass("greenImageBorder");
            $(".infoPanel").addClass("greenImageBorder");
            return false;
        }
    }
}



/////////// KEYBOARD /////////////


function projectForwards(){
    if( $( 'html, body' ).hasClass('moving') ){
        return false;
    }
    shiftGreenProject('forwards');
    if(project_array[project_column] !=undefined && ! $("#thumbContainer").hasClass('loading') ){
                    $("#thumbContainer").addClass('loading');
                    projectPos++;                    
                    loadProject(project_array[project_column],true);
    }
    else
    if(projectPos>=1    && project_distance[projectPos+1] !=undefined ){
        var distance = project_distance[projectPos+1];
        var view = $("#thumbContainer").width() - $(window).width();
        var bollocks = view+project_distance[projectPos+1]-project_distance[projectPos]
        if (distance<view+project_distance[projectPos+1]-project_distance[projectPos]){
           
            projectPos++;
            var speed = 300
            $( 'html, body' ).addClass('moving').animate( { scrollLeft: project_distance[projectPos] }, speed , function(){
                $( 'html, body' ).removeClass('moving');
            });
        }
    }
}

function projectBackwards(){
    if( $( 'html, body' ).hasClass('moving') ){
        return false;
    }

    shiftGreenProject('backwards');
    if(projectPos>=2){
        projectPos--;

        $( 'html, body' ).addClass('moving').animate( { scrollLeft: project_distance[projectPos] }, 300 ,function(){
            $( 'html, body' ).removeClass('moving');
        });
    }
}





function galleryForwards(){
    if( $(".clone").hasClass('cloneLoading') ){
        return false;
    }
    
    shiftGreenThumb('forwards');
    if(galPos>=0    && galArray[galPos+1] !=undefined && $('#thumbContainer').hasClass('galleryActive')){
        var distance = galArray[galPos];
        var view = $(".clone").width() - $(window).width();
        if (distance<view+(galArray[galPos+1]-galArray[galPos])){
            galPos++;
            $( 'html, body' ).animate( { scrollLeft: galArray[galPos] }, 250 );
        }
    }
}

function galleryBackwards(){
    if( $(".clone").hasClass('cloneLoading') ){
        return false;
    }
    shiftGreenThumb('backwards');
    if(galPos>=2 && $('#thumbContainer').hasClass('galleryActive')){
        galPos--;
        $( 'html, body' ).animate( { scrollLeft: galArray[galPos] }, 250 );
    }
}

function toggleCaptions(){
    caption = (caption ==0 ) ? 1 : 0;

   if (caption ==0 ){
       $("#captionState").html("Off").removeClass("green");
   }else{
       $("#captionState").html("On").addClass("green");
   }
    if($(".fullsize").hasClass("open") || $("#thumbContainer").hasClass("galleryActive") ){
         if(caption==0){
            $("#caption").css("display","none");
            
         }else{
            $("#caption").css("display","block");
            
         }
    }
}

function moveCaption(id,activeThumb){
        if( !$("#caption").is(":visible") && caption ==1 ){
            $("#caption").css("display","block");
        }
        $("#thumb_"+id+"_"+activeThumb)
        var position = $("#thumb_"+id+"_"+activeThumb).offset();
        var thisHeight = $("#thumb_"+id+"_"+activeThumb).height();
        var thisWidth = $("#thumb_"+id+"_"+activeThumb).width();
        $('#caption').html(  $("#caption_"+id+"_"+activeThumb).html()  ).css({ "left": position.left, "top" : position.top+thisHeight+32, "width" : thisWidth })
}

function nextLargeImage(){
    if( $(".fullsize").hasClass("loading")){
        return false;
    }

        var myObj = $("#"+$(".greenImageBorder").attr('id'));
        var id = $(myObj).attr("id").split('_');
        activeThumb = parseInt(id[2]);
        var project_id = parseInt(id[1]);
        var next = activeThumb+1;
        if( $("#thumb_"+project_id+"_"+next).length){

                   if($("#thumb_"+project_id+"_"+next).hasClass("vimThumb")){
                       activeThumb++;
                       galPos = activeThumb+1;
                       $('.greenImageBorder').next().addClass("greenImageBorder").prev().removeClass("greenImageBorder");
                        hideLargeImage();
                        
                   }else{

                       $(".fullsize").removeClass('open');
                        $(".fullsize").fadeOut(150 , function(){
                                $(".fullsize").remove();
                                $("body").append('<img class="fullsize" src="img/loading.gif"/>');
                                activeThumb++;
                                galPos = activeThumb+1;
                                $('.greenImageBorder').next().addClass("greenImageBorder").prev().removeClass("greenImageBorder");
                                showLargeImage( $('#thumb_'+project_id+'_'+activeThumb) )
                        });
                   }
        }else{
                    
                    galPos = activeThumb;
                    return false;
        }
}


function prevLargeImage(){
    if( $(".fullsize").hasClass("loading")){
        return false;
    }

        var myObj = $("#"+$(".greenImageBorder").attr('id'));
        var id = $(myObj).attr("id").split('_');
        activeThumb = parseInt(id[2]);

        var project_id = parseInt(id[1]);
        
        if( activeThumb>1){
                    $(".fullsize").removeClass('open');
                    $(".fullsize").fadeOut(150 , function(){
                            $(".fullsize").remove();
                            $("body").append('<img class="fullsize" src="img/loading.gif"/>');
                            activeThumb--;
                            galPos = activeThumb+1;
                            $('.greenImageBorder').prev().addClass("greenImageBorder").next().removeClass("greenImageBorder");
                            showLargeImage( $('#thumb_'+project_id+'_'+activeThumb) )
                    });

        }else{
                    activeThumb=1;
                    galPos = activeThumb+1;
                    //return false;
        }
}


function scrollDown(){

    if($(".fullsize").hasClass("open")){
        return false;
    }else if($("#thumbContainer").hasClass("galleryActive") ){
        // galleryThumbs
        var last = upDown;
        if(!caption){
            var totalHeight = ($('.infoPanel').height() > 480 ) ? $('.infoPanel').height() : 480 ;
        }else {
          var totalHeight = ($('.infoPanel').height() > 480+$("#caption").height()) ? $('.infoPanel').height() : 480+$("#caption").height() ;
        }
        totalHeight=totalHeight + 144;
        // Do we need to scroll?
        if ( totalHeight< $(window).height() ) {
            return false
        }
        else if(upDown==0){
            upDown = 144; // Top of Images
        }else if( upDown < totalHeight-$(window).height()){

                upDown = upDown+208;
            
        }else{
            return false;
        }
        
            $( 'html, body' ).animate( { scrollTop: upDown }, (upDown - last)*2);
            return false;
    }else if($('#thumbContainer').length){
       
      // Main thumbs
      var last = upDown;
       
        var totalHeight= $(document).height();;

        // Do we need to scroll?
        if ( totalHeight< $(window).height() ) {
            return false
        }
        else if(upDown==0){
                upDown = 226;
                //upDown=144;

        }else if( upDown < totalHeight-$(window).height()){
            /*if( upDown+192> totalHeight-$(window).height()){
                upDown=totalHeight-$(window).height();
            }else{
                upDown = upDown+192;
            }*/
            upDown = upDown+192
        }else{
            return false;
        }

            $( 'html, body' ).animate( { scrollTop: upDown }, (upDown - last)*2);
            return false;

    }else if($('#bioDescription').length){

      // Main thumbs
      var last = upDown;

        var totalHeight= $(document).height();;

        // Do we need to scroll?
        if ( totalHeight< $(window).height() ) {
            return false
        }
        else if(upDown==0){
                upDown=114;

        }else if( upDown < totalHeight-$(window).height()){
            /*if( upDown+192> totalHeight-$(window).height()){
                upDown=totalHeight-$(window).height();
            }else{
                upDown = upDown+192;
            }*/
            upDown = upDown+192
        }else{
            return false;
        }

            $( 'html, body' ).animate( { scrollTop: upDown }, (upDown - last)*2);
            return false;

    }

}

function scrollUp(){
    
    if($(".fullsize").hasClass("open")){
        return false;
    }else if($("#thumbContainer").hasClass("galleryActive") ){
        var last = upDown;
        if ( upDown==0 ) {
            return false
        }
        else if(upDown==144){
                upDown=0;


        }else if(upDown-208<144){
            upDown = 144;
        }else{
            upDown = upDown-208;
        }

            $( 'html, body' ).animate( { scrollTop: upDown }, (last - upDown)*2 );
            return false;
    }else if($('#thumbContainer').length ){
        // Overview
        var last = upDown;
        if ( upDown==0 ) {
            return false
        }
        else if(upDown==226){
                upDown=0;

        }else if(upDown-192<226){
            //upDown = 114;
            upDown = 226;

        }else{
            upDown = upDown-192;
        }

            $( 'html, body' ).animate( { scrollTop: upDown }, (last - upDown)*2 );
            return false;
    }else if( $('#bioDescription').length){
        // Overview
        var last = upDown;
        if ( upDown==0 ) {
            return false
        }
        else if(upDown==128){
                upDown=0;

        }else if(upDown-192<128){
            upDown = 128;
        }else{
            upDown = upDown-192;
        }

            $( 'html, body' ).animate( { scrollTop: upDown }, (last - upDown)*2 );
            return false;
    }

}

function bioColForwards(){
    if( $( 'html, body' ).hasClass('moving') ){
        return false;
    }
    shiftGreenBio('forwards');

    if(biocolPos>=1    && biocol_distance[biocolPos+1] !=undefined ){
        var distance = biocol_distance[biocolPos+1];

        var view = $("#frontContent").width() - $(window).width();

        var bollocks = view+biocol_distance[biocolPos+1]-biocol_distance[biocolPos]

        if (distance<view+biocol_distance[biocolPos+1]-biocol_distance[biocolPos]){

            biocolPos++;
            var speed = 300
            $( 'html, body' ).addClass('moving').animate( { scrollLeft: biocol_distance[biocolPos] }, speed , function(){
                $( 'html, body' ).removeClass('moving');
            });
        }
    }
}

function bioColBackwards(){
    if( $( 'html, body' ).hasClass('moving') ){
        return false;
    }

    shiftGreenBio('backwards');
    if(biocolPos>=2){
        biocolPos--;

        $( 'html, body' ).addClass('moving').animate( { scrollLeft: biocol_distance[biocolPos] }, 300 ,function(){
            $( 'html, body' ).removeClass('moving');
        });
    }
}

function shiftGreenBio(direction){
    if(direction=='forwards'){
        if (biocol_distance[activeColumn+2] !=undefined){

            if(activeColumn==1){
                $("#bioTitle").removeClass("greenTop");
                activeColumn++;
                $("#bioVidsHeader").addClass("greenTop");
                return true;
            }
            else if(activeColumn==2){
                $("#bioVidsHeader").removeClass("greenTop");
                activeColumn++;
                var col = activeColumn-2;
                $("#bioCol_"+col).children(".bioColTitle").addClass("greenTop");
                return true;
            }else {
                var col = activeColumn-2;
                $("#bioCol_"+col).find(':first-child').removeClass("greenTop");
                activeColumn++;
                col = activeColumn-2;
                //$("#bioCol_"+col).find(':first-child').addClass("greenTop");
                $("#bioCol_"+col).children(".bioColTitle").addClass("greenTop");
                return true;
            }

            
        }else{ return false}
    }else if(direction=='backwards'){
        if(activeColumn==1){
            return false
        }else if (activeColumn==2){
            $("#bioVidsHeader").removeClass("greenTop");
            activeColumn--;
            $("#bioTitle").addClass("greenTop");
                return true;
        }
        else if(activeColumn==3){
            $("#bioCol_1").find(':first-child').removeClass("greenTop");
            activeColumn--;
            $("#bioVidsHeader").addClass("greenTop");
                return true;
        }

        else{
            var col = activeColumn-2;
            $("#bioCol_"+col).find(':first-child').removeClass("greenTop");
            activeColumn--;
            col = activeColumn-2
            //$("#bioCol_"+col).find(':first-child').addClass("greenTop");
            $("#bioCol_"+col).children(".bioColTitle").addClass("greenTop");
                return true;
        }
    }
}



function runVideoPlayer(myObj){//var vidpath = $(this).attr('href');
       if($("#jPlayer").hasClass("playing") ){
            $("#jPlayer").pause();
       }
       var columns = $(myObj).attr('id').split('_');
       var column = parseInt(columns[2]);
       var thisLeft = 368+ ((column-1) * 448);
       var position = $(myObj).offset();
       var vidpath=$(myObj).css("background-image");
       vidpath = vidpath.replace(/"/gi, '');
       vidpath =vidpath.replace('url(http://localhost:8888/adamhinton/', "");
       vidpath =vidpath.replace('url("http://localhost:8888/adamhinton/', "");
       vidpath =vidpath.replace('url(http://www.adamhinton.net/', "");
       vidpath =vidpath.replace('url("http://www.adamhinton.net/', "");
       vidpath =vidpath.replace('/432_288', "");
       vidpath =vidpath.replace('.jpg', ".mp4");
       vidpath =vidpath.replace(')', "");
       $('html,body').scrollLeft(0).scrollTop(0);
       $('#header').fadeOut(0, function(){
           $('#frontContent,#caption').fadeOut(0)
           $("#videoplayer").fadeIn(1500);
       });

       flowplayer("videoplayer", "js/flowplayer.commercial-3.2.2.swf", {        // supply the configuration
							key: '#@7f5ba0751ebd91625a8',
        clip : {            // Clip is an object, hence '{...}'
            autoPlay: true,
            autoBuffering: true,
            baseUrl: baseURL
        },

        playlist: [            // playlist is an array of Clips, hence [...]

            {url: vidpath}    // small object as entry
        ],

        plugins: {            // load one or more plugins
            controls: {            // load the controls plugin
                url: 'js/flowplayer.controls-3.2.1.swf',    // always: where to find the Flash object
                //stop:true,
                play:true,
                stop:true,
                time:false,
                fullscreen:false,
                sliderColor:  	'#111111',
                bufferColor:  	'#111111',
                progressColor:  '#00ffa2',
                progressGradient: 'none',
                scrubberHeightRatio:  	0.07,
                backgroundGradient: 'none',
                buttonColor:  	'#444444',
                volumeSliderColor:  	'#444444',
                volumeColor:      "#00ffa2",
                volumeSliderHeightRatio : 	0.2,
                tooltipColor: '#444444',
                buttons:false,
                               // now the custom options of the Flash object
                backgroundColor: '#111111',
                tooltips: {                // this plugin object exposes a 'tooltips' object
                    buttons: true,
                    fullscreen: 'Enter Fullscreen mode'
                }
            }
        },

        onFinish: function() {        // set an event handler in the configuration
            $("#videoplayer").fadeOut("fast", function(){
                $("#header,#caption,#frontContent").fadeIn("slow");
                $( 'html, body' ).animate( { scrollLeft: galArray[galPos] }, 250 );
            });
            if(musicon==1){
                if($("#jPlayer").hasClass("playing") ){
                    $("#jPlayer").play();
                }

            }

        },

        onStop: function(){
            $("#videoplayer").fadeOut("fast", function(){
                $("#header,#caption,#frontContent").fadeIn("slow");
                $( 'html, body' ).animate( { scrollLeft: galArray[galPos] }, 250 );
            });
                if(musicon==1){
                    if($("#jPlayer").hasClass("playing") ){

                    $("#jPlayer").play();
                }
            }
        }
        });
}


function showHideKeyboard(){
    if( $("#keyboard").is(":visible") ){
        $("#keyboard").fadeTo(400,0, function(){  $(this).css('display' , 'none'); });
        $("#container").fadeTo(750,1);
    }else{
        $("#keyboard").css('display' , 'block').fadeTo(750,1);
        $("#container").fadeTo(400,0.05);
    }
}

function toggleMute(){
if(musicon){
            musicon = 0;
            $("#musicState").html("Off").removeClass("green");
            $("#jPlayer").pause();
        }else{
            musicon = 1
            $("#musicState").html("On").addClass("green");
            $("#jPlayer").play().addClass("playing");
        }
}

function changeTwitterFont(){
    if($('.twtr-tweet-text').length){
        $(".twtr-tweet-text,.twtr-hd h3").css("font-family","georgia");
        $(".twtr-hd h4").remove();
        $(".twtr-ft").append('<div style="margin-top:-12px;"><a href="http://www.facebook.com/pages/Adam-Hinton-Productions/122797531100673" target="_blank"><img src="img/facebook2.png" alt="facebook"></a></div>');
        clearInterval ( twitterInterval);
    };
}