jQuery(function($) {
var timer;
function button1_click(event)
{

$(".slide").css("visibility","hidden");
$("#image1").css("visibility","visible");
$("#image1").css("opacity","0");
$("#image1").animate({"opacity":1},2000, "linear", null);
$("ul.buttons li").removeClass("active");
$("#image1").animate({"opacity":1},2000, "linear", null);
$("#button1").addClass("active");
clearTimeout(timer);
//timer = setTimeout(eval("button2_click"),"5000");
$("#image1").animate({"opacity":1},2000, "linear", null);

}

function button2_click(event)
{

$(".slide").css("visibility","hidden");
$("#image2").css("visibility","visible");
$("#image2").css("opacity","0");
$("#image2").animate({"opacity":1},2000, "linear", null);
$("ul.buttons li").removeClass("active");
$("#image2").animate({"opacity":1},2000, "linear", null);
$("#button2").addClass("active");
clearTimeout(timer);
timer = setTimeout(eval("button1_click"),"5000");
$("#image2").animate({"opacity":1},2000, "linear", null);

}

function button3_click(event)
{
/*
$(".slide").css("visibility","hidden");
$("#image3").css("visibility","visible");
$("#image3").css("opacity","0");
$("#image3").animate({"opacity":1},300, "linear", null);
$("ul.buttons li").removeClass("active");
$("#image3").animate({"opacity":1},300, "linear", null);
$("#button3").addClass("active");
clearTimeout(timer);
timer = setTimeout(eval("button1_click"),"3000");
$("#image3").animate({"opacity":1},300, "linear", null);
*/
}

function div1_over(event)
{

$("#slidediv4").css("width", "0");
$("#slidediv4").css("height", "88");

$(".slide").css("visibility","hidden");
$("#image4").css("visibility","visible");
$("#image4").css("opacity","0");
$("#image4").animate({"opacity":1},300, "linear", null);
$("ul.buttons li").removeClass("active");
$("#image4").animate({"opacity":1},300, "linear", null);
$("#image4").addClass("active");
clearTimeout(timer);

$("#slidediv4").animate({ 
    width: "+=752px",
	height: "88px",
	opacity: "0.8"
  }, 500 );

}


function div2_over(event)
{


$("#slidediv5").css("width", "0");
$("#slidediv5").css("height", "88");

$(".slide").css("visibility","hidden");
$("#image5").css("visibility","visible");
$("#image5").css("opacity","0");
$("#image5").animate({"opacity":1},300, "linear", null);
$("ul.buttons li").removeClass("active");
$("#image5").animate({"opacity":1},300, "linear", null);
$("#image5").addClass("active");
clearTimeout(timer);

$("#slidediv5").animate({ 
    width: "+=752px",
	height: "88px",
	opacity: "0.8"
  }, 500 );
}

function div3_over(event)
{

$("#slidediv6").css("width", "0");
$("#slidediv6").css("height", "88");

$(".slide").css("visibility","hidden");
$("#image6").css("visibility","visible");
$("#image6").css("opacity","0");
$("#image6").animate({"opacity":1},300, "linear", null);
$("ul.buttons li").removeClass("active");
$("#image6").animate({"opacity":1},300, "linear", null);
$("#image6").addClass("active");
clearTimeout(timer);

$("#slidediv6").animate({ 
    width: "+=752px",
	height: "88px",
	opacity: "0.8"
  }, 500 );
}


function div4_over(event)
{

$("#slidediv7").css("width", "0");	
$("#slidediv7").css("height", "88");

$(".slide").css("visibility","hidden");
$("#image7").css("visibility","visible");
$("#image7").css("opacity","0");
$("#image7").animate({"opacity":1},300, "linear", null);
$("ul.buttons li").removeClass("active");
$("#image7").animate({"opacity":1},300, "linear", null);
$("#image7").addClass("active");
clearTimeout(timer);

$("#slidediv7").animate({ 
    width: "+=752px",
	height: "88px",
	opacity: "0.8"
  }, 500 );
}

function OnLoad(event)
{
/*
clearTimeout(timer);
timer = setTimeout(eval("button2_click"),"5000");
*/
}

$('#button1').bind('click', button1_click);

$('#button2').bind('click', button2_click);

$('#div1').hover(div1_over, button1_click);

$('#div2').hover(div2_over, button1_click);

$('#div3').hover(div3_over, button1_click);

$('#div4').hover(div4_over, button1_click);

OnLoad();

});