/**
 * @author Javier
 */
$(document).ready(function(){
	$('#foot').css({marginTop:'50px;'});
	$(".row_gall div:first").show();
	var qs=queryString();
	var current_pic;

	if (!qs["gal"]) {
		var current = $(".cel_submenu_label:first").html();
	} else {
		var current = qs["gal"];
	}
	$('.cel_submenu_label:contains("'+current+'")').css({color:'#000000'});
	$('.cel_submenu_label').hover(
		function(){
			if ($(this).text()!=current) $(this).css({color:'#000000'});
		},
		function(){
			if ($(this).text()!=current) $(this).css({color:'#CCCCCC'});
		}
	);
	$('.cel_submenu_label').click(
		function(){
			var lbl = $(this).text();
			window.location='?s='+seccion+'&gal='+lbl.toLowerCase();
		}
	);
	
	
	$('#navGal').append("<img src='/images/back.jpg' alt='atras' title='atras' />");
	
	var count=0;
	$(".row_gall div").each(function (i) {		
		$('#navGal').append("&nbsp;<a href='#' id='"+$(this).attr('class')+"'>"+(i+1)+"</a>&nbsp; ");	
		count++;
	});
	current_pic=0;
	$('#navGal').append("<img src='/images/forward.jpg' alt='siguiente' title='siguiente' />");
	$('#navGal').append("<br clear='all' />");
	
	
	$('#navGal a:first').css({color:'#000000'});
	current_btn = $('#navGal a:first');
	
	
	$('#navGal a').hover(
		function(e){
			$(this).css({color:'#000000'});
			$("body").append("<div id='thumb'>");
			var ci = $(".cel_gall_"+($(this).html()-1)+" img").attr("src");
			ci = ci.replace(/\//,"");
			var curreent_img="<img src='/thumbs.php?file="+ci+"&x=50&y=50&quality=90&scale=0' />";
			$("#thumb").css({position:'absolute',top:e.pageY-60,left:e.pageX-25});
			$("#thumb").hide();
			$("#thumb").append(curreent_img);
			$("#thumb img").load(function(){
				$("#thumb").fadeIn(500);
			});
		},
		function(){
			$("#thumb").remove();
			if (current_pic+1 != $(this).html()) {
				$(this).css({
					color: '#CCCCCC'
				});
			}
		}
	);
	
	
	$('#navGal a').click(function(){
		var cls=$(this);
		current_btn=cls;
		$(this).css({color:'#000000'});
		$('#navGal a:not(#'+$(this).attr("id")+')').css({color:'#CCCCCC'});
		$(".row_gall div").each(function (i) {
		 	if($(cls).attr('id')==$(this).attr('class')){
				$(this).show();
				current_pic=$(".row_gall div").index(this);
			} else{
				$(this).hide();
			}
		 });
	});
	$("#navGal img:first").click(function(){
		current_pic--;
		if (current_pic<0) current_pic=count-1;
		$(".row_gall div").each(function (i) {
		 	if(current_pic==i){
				$(".row_gall div:eq("+i+")").show();
				current_pic=i;
				$("#navGal a:eq("+i+")").css({color:"#000000"});
			} else{
				$(".row_gall div:eq("+i+")").hide();
				$("#navGal a:eq("+i+")").css({color:"#CCCCCC"});
			}
		 });
	});
	$("#navGal img:last").click(function(){
		current_pic++;
		if (current_pic>count-1) current_pic=0;
		$(".row_gall div").each(function (i) {
		 	if(current_pic==i){
				$(".row_gall div:eq("+i+")").show();
				current_pic=i;
				$("#navGal a:eq("+i+")").css({color:"#000000"});
			} else{
				$(".row_gall div:eq("+i+")").hide();
				$("#navGal a:eq("+i+")").css({color:"#CCCCCC"});
			}
		 });
	});
	
	 
});

	function queryString() {
		var url = new String(window.location.search);
		var url = url.substr(1,url.length);
		var serie=url.split("&");
		var data = Array();
		for (var d in serie){
			var str=serie[d].split("=");
			var key=str[0];
			data[key]=str[1].replace(/\%20/g,' ');
		}
		return data;
	}