$('#slider').cycle({ 
	    fx:     'scrollHorz', 
	    prev:   '#prev1', 
	    next:   '#next1', 
	    timeout: 0,
	    prevNextClick: function(isNext, zeroBasedSlideIndex, slideElement){
	    	//id1 es el orden de la imagen
	    	orden = slideElement.id.split('_');
	    	orden = parseInt(orden[1]);
	    	//class1 es el identificador de la imagen
    		id = slideElement.className;
			id = id.split('_');
			id = id[1];
			
	    	$('.descTable').each(function(index){
		    	this.style.display = 'none';
	    	});
	    	$('#desc_'+orden)[0].style.display = '';
    		$('#prevSpan')[0].innerHTML = $('#nextSpan')[0].innerHTML = parseInt(orden);
    		//traigo la imagen por ajax
    		loadImgs(orden);
	    }
	});
	
$(document).ready(function() {
	$('#sliderContainer').hover(
		function(){
			if ($.browser.msie){
				$('#desc').show();
			} else {
				$('#desc').fadeIn();
			}
		},
		function(){
			if ($.browser.msie){
				$('#desc').hide();
			} else {
				$('#desc').fadeOut();
			}
		}
	);	
});	
	
//orden: orden de la imagen
function loadImgs(orden){
//	id = $('#div_'+orden)[0].className.split('_');
//	id = id[1];
//	loadImg(id);
	if (orden == cant){
		next1 = 1;
	} else {
		next1 = orden+1;
	}
	if (orden == 1){
		prev1 = cant;
	} else {
		prev1 = orden-1;
	}
	//tengo los ordenes, ahora busco los ids
	var next1 = $('#order_'+next1)[0].className.split('_');
	next1 = next1[1];
	loadImg(next1);
	var prev1 = $('#order_'+prev1)[0].className.split('_');
	prev1 = prev1[1];
	loadImg(prev1);
}

function loadImg(id){
	$.post("../getImg.php", { tipo_imagen: tipo, id1: id },
		function(data){
			var img1 = $('#img_'+id)[0];
			img1.setAttribute('src',data);
			img1.setAttribute('class','img1');
			img1.setAttribute('className','img1');
			img1.setAttribute('width','865');
			img1.setAttribute('height','340');
		}
	);
}

loadImgs(1);
	
$(document).ready(function(){
	//mouse move prev
    $("#prevMouse").hide();
    $("#prev1").mousemove(function(e){
        $("#prevMouse").show();
        $("#prevMouse").css({
            top: (e.pageY + 50) + "px",
            left: (e.pageX + 15) + "px"
        });
    });
    $("#prev1").mouseout(function(e){
        $("#prevMouse").hide();
    });
    
	//mouse move next
    $("#nextMouse").hide();
    $("#next1").mousemove(function(e){
        $("#nextMouse").show();
        $("#nextMouse").css({
            top: (e.pageY + 50) + "px",
            left: (e.pageX - 100) + "px"
        });
    });
    $("#next1").mouseout(function(e){
        $("#nextMouse").hide();
    });
});