

/*
 * jQuery Timer Plugin
 * http://www.evanbot.com/article/jquery-timer-plugin/23
 *
 * @version      1.0
 * @copyright    2009 Evan Byrne (http://www.evanbot.com)
 */ 

jQuery.timer = function(time,func,callback){
	var a = {timer:setTimeout(func,time),callback:null}
	if(typeof(callback) == 'function'){a.callback = callback;}
	return a;
};

jQuery.clearTimer = function(a){
	clearTimeout(a.timer);
	if(typeof(a.callback) == 'function'){a.callback();};
	return this;
};


// JavaScript Document
var a=0;


$(document).ready(function(){
	
	var defaultSource = $('#bigPic5 img').attr('src');
	$('#currentBigPicture').attr('src',defaultSource);	

	var speed_in=300;
	var speed_out=100;
		
	
	$('.smallPicture').hover(function () {
					
			var id = $(this).attr('id');
			
			$(this).css("border","1px solid #606060");
			
			switch(id){
			
				case "smallPic1": 
										$.clearTimer(a);
										$("#currentBigPicture").stop(true,true);
										$("#currentBigPicture").slideUp(speed_out,function()
										{
											var source = $('#bigPic1 div img').attr('src');
											$('#currentBigPicture').attr('src',source);
											$("#currentBigPicture").fadeIn(speed_in);
										});

									  break;
				case "smallPic2": 
										$.clearTimer(a);
										$("#currentBigPicture").stop(true,true);
										$("#currentBigPicture").slideUp(speed_out,function()
										{
											var source = $('#bigPic2 div img').attr('src');
											$('#currentBigPicture').attr('src',source);
											$("#currentBigPicture").fadeIn(speed_in);
										});

									  break;
				case "smallPic3": 
										$.clearTimer(a);
										$("#currentBigPicture").stop(true,true);
										$("#currentBigPicture").slideUp(speed_out,function()
										{
											var source = $('#bigPic3 div img').attr('src');
											$('#currentBigPicture').attr('src',source);
											$("#currentBigPicture").fadeIn(speed_in);
										});

									  break;
									  
				case "smallPic4": 
										$.clearTimer(a);
										$("#currentBigPicture").stop(true,true);
										$("#currentBigPicture").slideUp(speed_out,function()
										{
											var source = $('#bigPic4 div img').attr('src');
											$('#currentBigPicture').attr('src',source);
											$("#currentBigPicture").fadeIn(speed_in);
										});

									  break;		
			}
    },
	function () {

			$(this).css("border","1px solid black");

			a=$.timer(2000,function() {
				$("#currentBigPicture").stop(true,true);
				$("#currentBigPicture").slideUp(speed_out,function()
				{
					var source = $('#bigPic5 div img').attr('src');
					$('#currentBigPicture').attr('src',source);
					$("#currentBigPicture").fadeIn(speed_in);
				})
			},
			function() {
				a=null;
				// Test
			});

    });
	
	
});



