// JavaScript Document
var hTimer=0;
var effect=0;
var num;
var flag=false;
var list;
$(document).ready(function(){
	$('ul#nav').NavDropDown({
		showEffect:'slide',
		duration:800,
		dropHolder:'div'
	});
	$('ul#photo li').each(function(index, domEle){
		var y=Math.floor(index/7);
		var x=index%7;
		$(domEle).css('background-position','-' + x*82 + 'px -' + y*61 +'px');
		$(domEle).find('span').css('background-position','-' + x*82 + 'px -' + y*61 +'px');
	});
	list=$('ul#photo li').not('.no-photo');
	effect=Math.floor(Math.random()*4)*2;
	num=Math.floor(Math.random()*100);
	ChangeImage();
	setInterval('ChangeImage()',20000);
})

function ChangeImage()
{
	num++;
	$.get('getImages.aspx',
		{numeric:num},
		function(data){
			var img = new Image();
			var src=data;
			$(img).bind('load',
			function() {
					if(flag)
					{
						list.children('span').css('background-image','url(' + src + ')');
					}
					else
					{
						list.css('background-image','url(' + src + ')');
					}
					showEffects(effect)
					if(++effect>9)effect=0;
					flag=!flag;
			}).attr('src', src);
		});
}
	
function showEffects(number){
	switch(number)
	{
		case 0:
		case 1:
		{
			$('ul#photo li span').each(function(){
				var speed=Math.round(Math.random()*3500)+1000;
				$(this).animate({ opacity: ((flag) ? 1 : 0) },speed,"linear");
			});
		}break;
		case 2:
		case 3:
		{
			$('ul#photo li span').each(function(i,elem){
				var speed=Math.round(Math.random()*1500)+100;
				setTimeout(function(){
					if(flag)
						$(elem).hide();
					else
						$(elem).show();
				},speed);
			});
		}break;
		case 4:
		case 5:
		{
			var speed=100, delta=100;
			if(flag){
				speed=2200;delta=-100;
			}
			$('ul#photo li span').each(function(i,elem){
				setTimeout(function(){
					if(flag)
						$(elem).hide();
					else
						$(elem).show();
				},speed);
				speed+=delta;
			});
		}break;
		case 6:
		case 7:
		{
			$('ul#photo li span').each(function(i,elem){
				var y=Math.floor(i/7);
				var x=i%7;
				var index=x*3+y;
				var speed;
				if(flag)speed=100*index-200;
				else speed=2200-100*index;
				setTimeout(function(){
					if(flag)
						$(elem).hide();
					else
						$(elem).show();
				},speed);
			});
		}break;
		case 8:
		case 9:
		{
			var speed=100, delta=200;
			if(flag){
				speed=4400;delta=-200;
			}
			$('ul#photo li span').each(function(i,elem){
				setTimeout(function(){
					$(elem).animate({ opacity: ((flag) ? 0 : 1) },800,"linear");
				},speed);
				speed+=delta;
			});
		}break;
	}
}