// JavaScript Document

	//array de colores
	var arrayCSS = new Array(6);
	arrayCSS[1] = "#c9b375"; // 1 - marron
	arrayCSS[2] = "#f8955b"; // 2 - naranja-rojizo
	arrayCSS[3] = "#cbdb2a"; // 3 - verde-claro
	arrayCSS[4] = "#3ac2d6"; // 4 - azul
	arrayCSS[5] = "#d1d98e"; // 5 - verde-oscuro
	arrayCSS[6] = "#ffcb05"; // 6 - naranja-amarillo
	arrayCSS[7] = "#f0413d"; // 7 - rojo
	
	//random de colores
	var bgColorCSS = (Math.round((Math.random()*6)+1))
	
	//jquery pasamos las imagenes del scrooll al css
	$(function () {
		randomScroll();
	});
	
	function randomScroll() {
		//pasamos el color del random al css					   
		var colorCSS = arrayCSS[bgColorCSS];
		//cambiamos el color bg del css
		//$(".color-change").css({background:colorCSS });
		$(".color-change").css("background-color", colorCSS);
		
		//$(".color-change").css("background-image:url(../img/mainmenu-back.jpg)")
		//cambiamos las imágenes del scroll según el color del random
		//arrow up
		//alert(bgColorCSS + " " + colorCSS )
		$("a.jScrollArrowUp").css("background-image", "url(lib/imgs/scroll/basic_arrow_up" + bgColorCSS + ".gif)"); 
		//drag point
		$(".jScrollPaneDrag").css("background-image", "url(lib/imgs/scroll/scroll-drag-adri" + bgColorCSS + ".gif)"); 
		//scroll bar
		$(".jScrollPaneTrack").css("background-image", "url(lib/imgs/scroll/scroll-back_adri" + bgColorCSS + ".gif)");
		//arrow down
		$("a.jScrollArrowDown").css("background-image", "url(lib/imgs/scroll/basic_arrow_down" + bgColorCSS + ".gif)")
	}