var imagesloaded = 0;
var totalloaded = 0;
$(document).ready(function(){

                var loadingBlockWidth = $(".homethumbs-loader").width();
                var loadingBlockHeight = $(".homethumbs-loader").height();
                
                var offsetWidth = loadingBlockWidth/2 - $(".homethumbs-loader-block").width()/2;
                var offsetHeight = loadingBlockHeight/2 - $(".homethumbs-loader-block").height()/2;
                
                $(".homethumbs-loader-block").css("marginTop", ""+offsetHeight+"px");
                $(".homethumbs-loader-block").css("marginLeft", ""+offsetWidth+"px");
                              
                totalloaded = $(".homeitem").length;
                imagesloaded=0;
                $(".homeitem").each(function()
        	{
        	        var loader = new ImageLoader(extractUrl($(this).find(".homeimage").css("background-image")));
        	     //  alert(""+extractUrl($(this).find(".homeimage").css("background-image"))+"----------------");
        		loader.loadEvent = function(urlpath, imageref)
                        {
                              imagesloaded++; 
                              
                              $(".loadertext").html("<p>"+imagesloaded+"/"+totalloaded+"</p>");
                              
                              var loadingBlockWidth = $(".homethumbs-loader").width();
                              var loadingBlockHeight = $(".homethumbs-loader").height();
                              
                              var offsetWidth = loadingBlockWidth/2 - $(".homethumbs-loader-block").width()/2;
                              var offsetHeight = loadingBlockHeight/2 - $(".homethumbs-loader-block").height()/2;
                              
                              $(".homethumbs-loader-blockr").css("marginTop", ""+offsetHeight+"px");
                              $(".homethumbs-loader-block").css("marginLeft", ""+offsetWidth+"px");
                
                
                              if (imagesloaded==totalloaded)
                              {
                                   // alert("loaded");
                                       initHomeImagesSlider();   
                                       initTimedSlider();
                                       
                                       $(".homethumbs-loader").fadeOut();
                                       $(".homethumbs").fadeIn();
                                       $(".imageselector").css("visibility", "visible");
                              } 
                        }
        	        loader.load();
        	});
        	
                $(".tweet").tweet({
                  avatar_size: 32,
                  count: 5,
                  username: "DeanWronowski",
                  template: "{text}",
                  loading_text: "loading tweets..."
                }).bind('loaded', function() {
                    	$(".tweet_list li").bind('mouseenter', function() {
                    	       //alert("hi");  
                    	       $(this).dequeue().animate({'backgroundColor' : '#cdcdcd'});
                    	});
                    	
                    	$(".tweet_list li").bind('mouseleave', function() {
                    	       //alert("hi");
                    	       $(this).dequeue().animate({'backgroundColor' : '#E6E6E6'});
                    	});
                    	
                  });
      
        	
        	
        	//Preload images
        	var image1 = new ImageLoader("http://www.deanwronowski.co.uk/images/logo-hover.jpg");
        	image1.load();
        	
                var image2 = new ImageLoader("http://www.deanwronowski.co.uk/images/circlebutton-hover.jpg");
                image2.load();
                
                var image3 = new ImageLoader("http://www.deanwronowski.co.uk/images/circlebutton-selected.jpg");
                image3.load();
                
                var image4 = new ImageLoader("http://www.deanwronowski.co.uk/images/leftselecter-hover.jpg");
                image4.load();
                
                var image5 = new ImageLoader("http://www.deanwronowski.co.uk/images/rightselecter-hover.jpg");
                image5.load();
});

function extractUrl(input)
{
 // remove quotes and wrapping url()
 return input.replace(/"/g,"").replace(/url\(|\)$/ig, "");
}  

function checkSelecters()
{
        //alert('hi');
        //curSlide = $(".homeimagewrapper:visible").attr("id");
        var nextSlide = $(".homeimagewrapper:visible").next().is('.homeimagewrapper');
        var prevSlide =   $(".homeimagewrapper:visible").prev().is('.homeimagewrapper');
        
        if (nextSlide)
        {
            $("#imagerightselecter").show();    
        }
        else
        {
            $("#imagerightselecter").hide();        
        }
        
        if (prevSlide)
        {
            $("#imageleftselecter").show();    
        }
        else
        {
            $("#imageleftselecter").hide();        
        }
}        

function initHomeImagesSlider()
{
        $(".homeitem").each(function()
        {        
              //$(this).find("#imagetitle").css("opacity",0.7);
        });
        
         $("#imagerightselecter").click(function(){
                curSlide = $(".homeimagewrapper:visible").attr("id");
                mSlide = $(".homeimagewrapper:animated");
                
                id = $(".homeimagewrapper:visible").next();
                
          	if(mSlide.length==0 && id.is('.homeimagewrapper'))
          	{
                        $(".imageselector li").each(function(index) 
                        {
                              $(this).removeClass("selected").removeClass("nonselected").addClass("nonselected");
                        })
                        $(".imageselector li").eq(id.attr("id")-1).removeClass("nonselected").addClass("selected");
                        
                        id = id.attr("id");
                        
                        oldSlide = $(".homeimagewrapper").eq(curSlide-1);
                        newSlide = $(".homeimagewrapper").eq(id-1);
                                
                        $(oldSlide).css({zIndex:2, display:"block", opacity:1});
                        $(newSlide).css({zIndex:1, display:"block", opacity:1});
                        
                        
                        $(oldSlide).animate({opacity:0},1000, 'swing',function(){ $(oldSlide).css({display:"none"});curSlide = id;checkSelecters();});
          				     
                }
         });
         
         $("#imageleftselecter").click(function(){
                curSlide = $(".homeimagewrapper:visible").attr("id");
                mSlide = $(".homeimagewrapper:animated");
                
                id = $(".homeimagewrapper:visible").prev();
                
          	if(mSlide.length==0 && id.is('.homeimagewrapper'))
          	{
                        $(".imageselector li").each(function(index) 
                        {
                              $(this).removeClass("selected").removeClass("nonselected").addClass("nonselected");
                        })
                        $(".imageselector li").eq(id.attr("id")-1).removeClass("nonselected").addClass("selected");
                        
                        id = id.attr("id");
                        
                        oldSlide = $(".homeimagewrapper").eq(curSlide-1);
                        newSlide = $(".homeimagewrapper").eq(id-1);
                                
                        $(oldSlide).css({zIndex:2, display:"block", opacity:1});
                        $(newSlide).css({zIndex:1, display:"block", opacity:1});
                        
                      
                        $(oldSlide).animate({opacity:0},1000, 'swing',function(){ $(oldSlide).css({display:"none"});curSlide = id;checkSelecters();});
          				     
                }
         });
              
             $(".imageselector li").each(function(index) {
                    $(this).addClass("nonselected");
              })
              
              $(".imageselector li:first").each(function(index) {
                     $(this).removeClass("nonselected").addClass("selected");
              })
              
              $(".homeimagewrapper").each(function(index) {
                  $(this).css({zIndex:1, display:"none", opacity:0});  
              });
              
              $(".homeimagewrapper:first").css({zIndex:2, display:"block", opacity:1});  
              
 
              $(".imageselector li").click(function(){
          			curSlide = $(".homeimagewrapper:visible").attr("id");
          			mSlide = $(".homeimagewrapper:animated");
          			if(mSlide.length==0)
          			{
          				id = parseInt($(this).find("div").html());
          				if(id!=curSlide)
          				{
          				        $(".imageselector li").each(function(index) {
                                                                          $(this).removeClass("selected").removeClass("nonselected").addClass("nonselected");
                                                                    })
          				        $(this).removeClass("nonselected").addClass("selected");
          				         
          					oldSlide = $(".homeimagewrapper").eq(curSlide-1);
          					newSlide = $(".homeimagewrapper").eq(id-1);
                                                                    
          					$(oldSlide).css({zIndex:2, display:"block", opacity:1});
          					$(newSlide).css({zIndex:1, display:"block", opacity:1});
          
                                               
          					$(oldSlide).animate({opacity:0},1000, 'swing',function(){ $(oldSlide).css({display:"none"});curSlide = id;checkSelecters();});
          				}
          			}
          	});
              
}  

var slideTimer=null;
function initTimedSlider()
{
        $(".homethumbs").mouseover( function()
        {
                clearInterval(slideTimer);
        });
        
        
        $(".homethumbs").mouseout( function()
        {
                clearInterval(slideTimer);
        	slideTimer = setInterval("animateSlide();",4000);			
        });

        //Default start
        clearInterval(slideTimer);
        slideTimer = window.setInterval('animateSlide();', 4000);  
}

function animateSlide()
{
        curSlide = $(".homeimagewrapper:visible").attr("id");
        mSlide = $(".homeimagewrapper:animated");
        
        if(mSlide.length==0)
        {       
            id = $(".homeimagewrapper:visible").next();
            if(id == curSlide)
            {
                return;
            }
            
            //Indicates that we have reached the end of the line!
            if (!id.is('.homeimagewrapper'))
            {
                  id =  $(".homeimagewrapper").eq(0); //go back to first image
            }

      
            $(".imageselector li").each(function(index) {
                  $(this).removeClass("selected").removeClass("nonselected").addClass("nonselected");
            })
            $(".imageselector li").eq(id.attr("id")-1).removeClass("nonselected").addClass("selected");
            
            id = id.attr("id");
            
            oldSlide = $(".homeimagewrapper").eq(curSlide-1);
            newSlide = $(".homeimagewrapper").eq(id-1);
                                              
            $(oldSlide).css({zIndex:2, display:"block", opacity:1});
            $(newSlide).css({zIndex:1, display:"block", opacity:1});
            
                         
            $(oldSlide).animate({opacity:0},1000, 'swing',function(){ $(oldSlide).css({display:"none"});curSlide = id;checkSelecters();});
            
        }      
}