// JavaScript Document
		var aNames = new Array();
		var aURL = new Array();
		var aPort = new Array();
		var tempo = new Array();
		tempo[0] = "0px"
		tempo[1] = "-221px"
		tempo[2] = "-442px"
		
$(window).load(
    function() {
        $('#slide_ctnr').css("visibility", "visible");
    }
);

$(document).ready(function(){
	setSlides();
	setBtns();
	var count = 3;
	var intv1 = setInterval(cycleTimer, 7000);

	var slideSize = 376;
	var curSlide = 0;
	var slidePos;
	var slideSpeed = 400;
	var slideEase = "easeInOutCubic";
		
	function setSlides(){
		$('div#slide_desc').html(aPort[0].id);
		for(var c = 0; c < 3; c++){
			$('div#slide_ctn').append('<div id="slide'+(1+c)+'"><img src="'+aPort[c].img+'" alt="'+aPort[c].id+'" width="792" height="376" border="0"></div>');
		}
	}
	function setBtns(){
		for(var c = 0; c < 3; c++){
			$('div#slide_tabs').append('<a href="#" id="slide_tab'+(1+c)+'"></a>');
			$('div#slide_nav').append('<a href="#" id="slide'+(1+c)+'"></a>');
		}
		navPos = 792 - 20 * (c+1);
		$('div#slide_nav').css('left', navPos+'px');
				
	$('#slide_tabs a')
		.click(function(){
				clearInterval(intv1);
				curSlide = Number($(this).attr('id').substr(9)) - 1;
				setCurOverlay();
				setCurBtn();
				slidePos = curSlide * slideSize * -1;
				$('#slide_ctn').stop().animate(
						{top: slidePos},
						{duration:slideSpeed},
						{easing: slideEase});
				intv1 = setInterval(cycleTimer, 7000);
				})
		.mouseover(function(){
				thisOver = Number($(this).attr('id').substr(9)) - 1;
				if(curSlide != thisOver){
					$(this).css("backgroundPosition", String(tempo[thisOver]) +" -105px");	
					$(this).stop().animate(
						{top: "260px"},
						{duration:slideSpeed},
						{easing: "easeOut"});
				}
							})
		.mouseout(function(){
				thisOver = Number($(this).attr('id').substr(9)) - 1;
				if(curSlide != Number($(this).attr('id').substr(9)) - 1){
					$(this).css("backgroundPosition", String(tempo[thisOver]) +" 0px");
					$(this).stop().animate(
						{top: "270px"},
						{duration:200},
						{easing: "easeOut"});
				}
						   })						

	$('#slide_nav a')
		.click(function(){
				clearInterval(intv1);
				curSlide = Number($(this).attr('id').substr(5)) - 1;
				setCurOverlay();
				setCurBtn();
				slidePos = curSlide * slideSize * -1;
				$('#slide_ctn').stop().animate(
						{top: slidePos},
						{duration:slideSpeed},
						{easing: slideEase});
				intv1 = setInterval(cycleTimer, 7000);
				})
		.mouseover(function(){
				if(curSlide != Number($(this).attr('id').substr(5)) - 1)
					$(this).css("backgroundPosition", "0px -12px");	
							})
		.mouseout(function(){
				if(curSlide != Number($(this).attr('id').substr(5)) - 1)
					$(this).css("backgroundPosition", "0px 0px");	
						   })				
	}
	
	function cycleTimer(){
		if(curSlide == 2) curSlide = 0;
		else curSlide++;
		slidePos = curSlide * slideSize * -1;
		$('#slide_ctn').stop().animate(
					{top: slidePos},
					{duration:slideSpeed},
					{easing: slideEase});
		setCurOverlay();
		setCurBtn();
	}
	
	function setCurOverlay(){
		$('div#slide_desc').html(aPort[curSlide].id);
		switch(curSlide){
			case 0:
				$('#slide_counter').css("backgroundPosition", "0px -140px");
				break;
			case 1:
				$('#slide_counter').css("backgroundPosition", "0px -70px");
				break;
			case 2:
				$('#slide_counter').css("backgroundPosition", "0px 0px");
				break;
		}
	}
	
	function setCurBtn(){
		clearBtns();
		$('#slide_nav a#slide'+(curSlide + 1)).css("backgroundPosition", "0px -24px");
		$('#slide_tabs a#slide_tab'+(curSlide + 1)).css("backgroundPosition", String(-221 * curSlide)+" -105px");
		$('#slide_tabs a#slide_tab'+(curSlide + 1)).stop().animate(
						{top: "260px"},
						{duration:200},
						{easing: "easeOut"});
	}
	
	function clearBtns(){
		for(var c = 1; c <= 3; c++){
			$('#slide_nav a#slide'+c).css("backgroundPosition", "0px 0px");			
			$('#slide_tabs a#slide_tab'+c).css("backgroundPosition", String(-221 * (c-1))+"px 0px");
			$('#slide_tabs a#slide_tab'+c).css("top", "270px");
		}
	}
		
});