$(document).ready(function() {

	function killLink(event){
			event.preventDefault();
		}
	
	$('div#container').load(function () {
		//$('div#loading').hide;
		$(this).queue(function()
		{
			//$('document.body').css("background-image","url(../images/background.jpg)");
			$('div#container').fadein('slow');
			/*
			$(this).animate(function()
			{
				
			});
			*/
			$(this).dequeue();
		});
	});
	
	$('div#Main .indexCard').hover(function() {
			if(!$(this).hasClass('card-pos1')){
				$(this).animate({ top: '-=10' }, 'fast');
			}
		}, function() {
			if(!$(this).hasClass('card-pos1')){
				$(this).animate({ top: '+=10' }, 'fast');
			}
		}
	);

	$('div#Main .indexCard').click(function() {
			if(!$(this).hasClass('card-pos1')){
				var frontTop = "150px";
				var frontLeft = "310px";
				var frontZindex = 300;

				$('div#Main .indexContent').hide;
				if($(this).hasClass('card-pos2')){
					//var Top = $('.card-pos2').css('top');
					var Top = "105px";
					var Left = $('.card-pos2').css('left');
	
					$('div#Main .card-pos1').addClass('card-pos2').removeClass('card-pos1').animate({opacity: "0.3",top:Top,left:Left, opacity: "1"},'slow');
					$('div#Main .card-pos1').animate({opacity: "0.3", left:Left, top:Top, opacity: "1"},'slow')
					$(this).queue(function()
					{
						$(this).animate({opacity: '0.4', left:frontLeft, top:frontTop, opacity: "1"},'slow');
						$(this).dequeue();
					});
					$(this).addClass('card-pos1').removeClass('card-pos2');
				} else 	if($(this).hasClass('card-pos3')){
					//var Top = $('.card-pos3').css('top');
					var Top = "105px";
					var Left = $('.card-pos3').css('left');
	
					$('div#Main .card-pos1').addClass('card-pos3').removeClass('card-pos1').animate({opacity: "0.3",top:Top,left:Left, opacity: "1"},'slow');
					$('div#Main .card-pos1').animate({opacity: "0.3", left:Left, top:Top, opacity: "1"},'slow')
					//$(this).animate({opacity: "0.4", left:frontLeft, top:frontTop, opacity: "1"},'slow');
					$(this).queue(function()
					{
						//$(this).css({'z-index':'300'});
						$(this).animate({opacity: '0.4', left:frontLeft, top:frontTop, opacity: "1"},'slow');
						//$(this).removeClass('card-pos3').addClass('card-pos1');
						$(this).dequeue();
					});
					/*
					*/
					$(this).addClass('card-pos1').removeClass('card-pos3');
					//$(this).removeClass('card-pos3');
					//$(this).addClass('card-pos1');
				} else if($(this).hasClass('card-pos4')){
					//var Top = $('.card-pos4').css('top');
					var Top = "60px";
					var Left = $('.card-pos4').css('left');
	
					$('div#Main .card-pos1').addClass('card-pos4').removeClass('card-pos1').animate({opacity: "0.3",top:Top,left:Left, opacity: "1"},'slow');
					$('div#Main .card-pos1').animate({opacity: "0.3", left:Left, top:Top, opacity: "1"},'slow')
					$(this).queue(function()
					{
						$(this).animate({opacity: '0.4', left:frontLeft, top:frontTop, opacity: "1"},'slow');
						$(this).dequeue();
					});
					$(this).addClass('card-pos1').removeClass('card-pos4');
				} else if($(this).hasClass('card-pos5')){
					//var Top = $('.card-pos5').css('top');
					var Top = "60px";
					var Left = $('.card-pos5').css('left');
	
					$('div#Main .card-pos1').addClass('card-pos5').removeClass('card-pos1').animate({opacity: "0.3",top:Top,left:Left, opacity: "1"},'slow');
					$('div#Main .card-pos1').animate({opacity: "0.3", left:Left, top:Top, opacity: "1"},'slow')
					$(this).queue(function()
					{
						$(this).animate({opacity: '0.4', left:frontLeft, top:frontTop, opacity: "1"},'slow');
						$(this).dequeue();
					});
					$(this).addClass('card-pos1').removeClass('card-pos5');
				} else if($(this).hasClass('card-pos6')){
					//var Top = $('.card-pos6').css('top');
					var Top = "15px";
					var Left = $('.card-pos6').css('left');
	
					$('div#Main .card-pos1').addClass('card-pos6').removeClass('card-pos1').animate({opacity: "0.3",top:Top,left:Left, opacity: "1"},'slow');
					$('div#Main .card-pos1').animate({opacity: "0.3", left:Left, top:Top, opacity: "1"},'slow')
					$(this).queue(function()
					{
						$(this).animate({opacity: '0.4', left:frontLeft, top:frontTop, opacity: "1"},'slow');
						$(this).dequeue();
					});
					$(this).addClass('card-pos1').removeClass('card-pos6');
				}
				$('div#Main .indexCard a').click(killLink);
				$('div#Main .card-pos1 a').unbind('click',killLink);
			} else {
				$('div#Main .card-pos1 a').unbind('click',killLink);
			}
		}
	);

	$('#Main .indexCard a').click(killLink);

});