$(document).ready(function(){
	

function loadContent(toLoad) {
		var url = 'content/'+toLoad+'/page.html';
		$('.panes').html("");
		function getNewContent() {
			
			//$('#panes').ajaxComplete(hideLoader);
			$('.panes').load(url,function(){
										 $('#loading').fadeOut(500, function(){
											$(this).remove();
											}); 
										  });
			
		}
		$('.panes').hide('slow',getNewContent());
		//$('#loader').remove();
		//$('#wrapper').append('<div id="loader"></div>');
		//$('#loader').fadeIn('normal');
		
		function showNewContent() {
			$('.panes').show('normal');
		}
		showNewContent();
		/*function hideLoader() {
			$('#loader').fadeOut('fast',showNewContent);
		}*/
	}
	loadContent('home');
	

$('#3danimation,#webdevelopment,#photoshop,#robotics,#matlab,#digimg,#autocad,#embedded,#3dphoto,#ingenii,#mba,#pes,#ibm,#wie').click(function(){
	var toLoad = $(this).attr('id');
		loadContent(toLoad);
			return false;
	
  });

function attach(){
	$('#home,#about,#schedule,#workshop,#contact,#webteam').stop().click(function(){
	//	$('#tabs a').removeClass();																											        $(this).addClass("on");
	$('#loading').remove(1,function(){
		$('#content').append('<center> <img src="images/ajax-loader.gif" alt="loading" id="loading" /></center>');
	});
		var toLoad = $(this).attr('id');
		loadContent(toLoad);
			return false;
	});
	
}
$('#day1,#day2,#day3,#day4').click(function(){
$('#loading').remove(1,function(){
		$('#content').append('<center> <img src="images/ajax-loader.gif" alt="loading" id="loading" /></center>');
	});
	var toLoad = $(this).attr('id');
		alert(day_no);
		loadContent(toLoad);
		
			return false;
	
  });
function attach2(){

$('#sched_day1 a').click(function(){
	
	var toLoad = $(this).attr('id');
		loadContent(toLoad);
			return false;
	
  });
  }

function attach3(){
$('#sched_day2 a').click(function(){
	
	var toLoad = $(this).attr('id');
		loadContent(toLoad);
			return false;
	
  });
}
function attach4(){
$('#sched_day3 a').click(function(){
	
	var toLoad = $(this).attr('id');
		loadContent(toLoad);
			return false;
	
  });
}
function attach5(){
$('#sched_day4 a').click(function(){
	
	var toLoad = $(this).attr('id');
		loadContent(toLoad);
			return false;
	
  });
}
function attach6(){
$('#sched_day5 a').click(function(){
	
	var toLoad = $(this).attr('id');
		loadContent(toLoad);
			return false;
	
  });
}


var t=1,active=0;
var t1=1,t2=1,t3=1;

function slider(n){
active=n;

if(n==1){
	setTimeout('$("#box2").animate({"left": "566px"}, "slow",function(){$(".inner1").animate({opacity:1},"slow");})', 10);
	setTimeout('$("#box3").animate({"left": "666px"}, "slow")', 10);
	setTimeout('$("#box4").animate({"left": "766px"}, "slow")', 10);
	setTimeout('$("#box5").animate({"left": "866px"}, "slow")', 10);
	}
else if(n==2){
	setTimeout('$("#box2").animate({"left": "100px"}, "slow",function(){$(".inner2").animate({opacity:1},"slow");})', 10);
	setTimeout('$("#box3").animate({"left": "666px"}, "slow")', 10);
	setTimeout('$("#box4").animate({"left": "766px"}, "slow")', 10);
	setTimeout('$("#box5").animate({"left": "866px"}, "slow")', 10);
	}
else if(n==3){
	setTimeout('$("#box3").animate({"left": "200px"}, "slow",function(){$(".inner3").animate({opacity:1},"slow");})', 10);
	setTimeout('$("#box2").animate({"left": "100px"}, "slow")', 10);
	setTimeout('$("#box4").animate({"left": "766px"}, "slow")', 10);
	setTimeout('$("#box5").animate({"left": "866px"}, "slow")', 10);
	}
else if(n==4){
	setTimeout('$("#box4").animate({"left": "300px"}, "slow",function(){$(".inner4").animate({opacity:1},"slow");})', 10);
	setTimeout('$("#box2").animate({"left": "100px"}, "slow")', 10);
	setTimeout('$("#box3").animate({"left": "200px"}, "slow")', 10);
	setTimeout('$("#box5").animate({"left": "866px"}, "slow")', 10);
	}
else if(n==5){
	setTimeout('$("#box5").animate({"left": "400px"}, "slow",function(){$(".inner5").animate({opacity:1},"slow");})', 10);
	setTimeout('$("#box2").animate({"left": "100px"}, "slow")', 10);
	setTimeout('$("#box3").animate({"left": "200px"}, "slow")', 10);
	setTimeout('$("#box4").animate({"left": "300px"}, "slow")', 10);
	}
}


function resetslider(){
	setTimeout('$("#box1").animate({"left": "0px"}, "slow",function(){$(".inner1").animate({opacity:0},"fast");})', 10);
	setTimeout('$("#box2").animate({"left": "201.2px"}, "slow",function(){$(".inner2").animate({opacity:0},"fast");})', 10);
	setTimeout('$("#box3").animate({"left": "402.4px"}, "slow",function(){$(".inner3").animate({opacity:0},"fast");})', 10);
	setTimeout('$("#box4").animate({"left": "603.6px"}, "slow",function(){$(".inner3").animate({opacity:0},"fast");})', 10);
	setTimeout('$("#box5").animate({"left": "804.8px"}, "slow",function(){$(".inner3").animate({opacity:0},"fast");})', 10);
	active=0;
} 
$("#box1").load('content.html #boxin1');
	$("#box2").load('content.html #boxin2');
	$("#box3").load('content.html #boxin3');
	$("#box4").load('content.html #boxin4');
	$("#box5").load('content.html #boxin5',function(){attach();attach2();attach3();attach4();attach5();attach6();$(".inbox").fadeTo(1000,1)});
 	 	 
	 
	 $('#box1').click(function() {
  		slider(1);
	});
	
	 $('#box2').click(function() {
  		slider(2);
	});
	 $('#box3').click(function() {
  		slider(3);
	});
	$('#box4').click(function() {
  		slider(4);
	});
	$('#box5').click(function() {
  		slider(5);
	});
	



});