$(function() {

    var totalPanels			= $(".scrollContainer").children().size();

    var regWidth			= $(".panel").css("width");
    var regImgWidth			= $(".panel img").css("width");
    var regTitleSize			= $(".panel h2").css("font-size");
    var regParSize			= $(".panel p").css("font-size");

    var movingDistance			= 253;

    var curWidth			= 320;
    var curImgWidth			= 260;
    var curTitleSize			= "20px";
    var curParSize			= "15px";

    var $panels				= $('#slider .scrollContainer > div');
    var $container			= $('#slider .scrollContainer');

    $panels.css({
	'float' : 'left',
	'position' : 'relative'
    });

    $("#slider").data("currentlyMoving", false);

    $container
    .css('width', ($panels[0].offsetWidth * $panels.length) + 100 )
    .css('left', "0px");

    var scroll = $('#slider .scroll').css('overflow', 'hidden');

    function returnToNormal(element) {
	$(element)
	.animate({
	    width: regWidth
	})

	.end()
	.find("h2")
	.animate({
	    fontSize: regTitleSize
	})
	.end()
	.find("p")
	.animate({
	    fontSize: regParSize
	});

	var clas = $(element).attr('id');
	var ativo = clas.split("_");
	
	$('#inside_'+ativo[1]).removeClass('maior');
	$('#inside_'+ativo[1]).addClass('inside');

	$('#img_'+ativo[1]).removeClass('img_maior');
	$('#img_'+ativo[1]).addClass('img_menor');

	$('#link_'+ativo[1]).removeClass('link_painel_maior');
	$('#link_'+ativo[1]).addClass('link_painel');
	
	$('#inside_'+ativo[1]).fadeIn('slow').css('background', 'url(css/images/borda_midia_p.png) no-repeat');
    };

    function growBigger(element) {
	$(element)
	.animate({
	    width: curWidth
	})


	.end()
	.find("h2")
	.animate({
	    fontSize: curTitleSize
	});

	//$(element + ' div').fadeTo("slow").addClass('maior');

	var clas = $(element).attr('id');
	var ativo = clas.split("_");

	$('#inside_'+ativo[1]).removeClass('inside');
	$('#inside_'+ativo[1]).addClass('maior');
	$('#img_'+ativo[1]).removeClass('img_menor');
	$('#img_'+ativo[1]).addClass('img_maior');

	$('#link_'+ativo[1]).removeClass('link_painel');
	$('#link_'+ativo[1]).addClass('link_painel_maior');

	$('#inside_'+ativo[1]).fadeIn('slow').css('background', 'url(css/images/borda_midia_g.png) no-repeat');


    }

    //direction true = right, false = left
    function change(direction) {

	//if not at the first or last panel
	if((direction && !(curPanel < totalPanels)) || (!direction && (curPanel <= 1))) {
	    return false;
	}

	//if not currently moving
	if (($("#slider").data("currentlyMoving") == false)) {

	    $("#slider").data("currentlyMoving", true);

	    var next         = direction ? curPanel + 1 : curPanel - 1;
	    var leftValue    = $(".scrollContainer").css("left");
	    var movement	 = direction ? parseFloat(leftValue, 10) - movingDistance : parseFloat(leftValue, 10) + movingDistance;

	    $(".scrollContainer")
	    .stop()
	    .animate({
		"left": movement
	    }, function() {
		$("#slider").data("currentlyMoving", false);
	    });

	    returnToNormal("#panel_"+curPanel);
	    growBigger("#panel_"+next);

	    curPanel = next;

	    //remove all previous bound functions
	    $("#panel_"+(curPanel+1)).unbind();

	    //go forward
	  /*  $("#panel_"+(curPanel+1)).click(function(){
		change(true);
	    });*/

	    //remove all previous bound functions
	    $("#panel_"+(curPanel-1)).unbind();

	    /*//go back
	    $("#panel_"+(curPanel-1)).click(function(){
		change(false);
	    });*/

	    //remove all previous bound functions
	    $("#panel_"+curPanel).unbind();
	}
    }

    // Set up "Current" panel and next and prev
    growBigger("#panel_2");
    var curPanel = 2;

   /* $("#panel_"+(curPanel+1)).click(function(){
	change(true);
    });
    $("#panel_"+(curPanel-1)).click(function(){
	change(false);
    });*/

    //when the left/right arrows are clicked
    $(".right").click(function(){
	change(true);
    });
    $(".left").click(function(){
	change(false);
    });

    $(window).keydown(function(event){
	switch (event.keyCode) {
	    case 13: //enter
		$(".right").click();
		break;
	    case 32: //space
		$(".right").click();
		break;
	    case 37: //left arrow
		$(".left").click();
		break;
	    case 39: //right arrow
		$(".right").click();
		break;
	}
    });

});