pic1= new Image(42, 12); 
pic1.src="./images/menu/home1.png";
pic2= new Image(46, 12); 
pic2.src="./images/menu/about1.png";
pic3= new Image(78, 12); 
pic3.src="./images/menu/employers1.png";
pic4= new Image(68, 12); 
pic4.src="./images/menu/contact1.png";
pic5= new Image(86, 12); 
pic5.src="./images/menu/candidates1.png";

/* function moveUL() {
$('ul#mycarousel').css({"top":"-3px"});
$('ul#mycarousel').animate({"top":"-2095"}, {easing: "linear",duration:59800});
} */

var arrowDown = 0;

$(function() {
	$('.hide').hide();
	
	$('.dropdownbox h3').click(function() {
		$(this).parent().find('.hide').slideToggle(500);
		if(arrowDown == 0) { 
			arrowDown = 1;
			$(this).css({"backgroundImage":"url(images/dropdownboxArrowUp.jpg)"});
			return false;
		} else {
			arrowDown = 0;
			$(this).css({"backgroundImage":"url(images/dropdownboxArrow.jpg)"});
		}
	});
	
/*	
	$('ul#mycarousel').animate({"top":"-2095"}, {easing: "linear",duration:59800});
	setInterval("moveUL()", 60005 );
	*/

	var randomImage = Math.floor(Math.random()*8)
	
	if(randomImage == "1") {
		$('body').css({"backgroundImage":"url(images/bridgeBack.jpg)"});
	} else if(randomImage == "2") {
		$('body').css({"backgroundImage":"url(images/motorwayBack.jpg)"});
	} else if(randomImage == "3") {
		$('body').css({"backgroundImage":"url(images/lakeBack.jpg)"});
	} else if(randomImage == "4") {
		$('body').css({"backgroundImage":"url(images/forestBack.jpg)"});
	} else if(randomImage == "5") {
		$('body').css({"backgroundImage":"url(images/bridgeBack.jpg)"});
	} else if(randomImage == "6") {
		$('body').css({"backgroundImage":"url(images/motorwayBack.jpg)"});
	} else if(randomImage == "7") {
		$('body').css({"backgroundImage":"url(images/lakeBack.jpg)"});
	} else if(randomImage == "8") {
		$('body').css({"backgroundImage":"url(images/forestBack.jpg)"});
	}
	
	$('.mapItem').hover(function() {
		var text = $(this).attr('title');
		$('#mapInfo p').html(text);
	});
	
});

$(window).load(function() {
var carouselheight = $('#mycarousel').height() -413;
	carouselheight = carouselheight - carouselheight - carouselheight;
	$('ul#mycarousel').animate({"top":carouselheight}, {easing: "linear",duration:60000});
	setInterval(function() {
		$('ul#mycarousel').css({"top":"0"});
		$('ul#mycarousel').animate({"top":carouselheight}, {easing: "linear",duration:60000});
	},  60010 );

});