/*

	JSmartBar - jQuery ScrollBar Plugin
	Author: 		Adolfredo Coneo
	Version:		0.1 (January 11, 2010)
	Documentation: 	
	
*/
var num=0;
var id_div_padre="divarea989";
var id_div_hijo;
var id_div_scrollbar="div_scrollbar";
var id_contscrollbar="contscrollbar";
var vel_div;
var vel_scroll;
jQuery.fn.scroller = function(settings){
	var settings = jQuery.extend({
		alto_div:350,
		ancho_div:520,
		alto_scroll:326,
		vel_div:20,
		vel_scroll:20
	},settings);
	var alto=settings.alto_div;
	var ancho=settings.ancho_div;
	var alto_s=settings.alto_scroll;
	vel_div=settings.vel_div;
	vel_scroll=settings.vel_scroll;
	return this.each(function(){
		var thisele=jQuery(this);
		add_scroll(thisele,alto,ancho,alto_s);
	});
};

function add_scroll(thisele,alto,ancho,alto_s){
	var img_path='imagenes';
	//var ele=jQuery(this);
	var ele_alto=thisele.height();
	var ele_ancho=thisele.width();
	var ele_cont=thisele.html();
	var ele_id=thisele.attr("id");
	id_div_hijo=ele_id;
	
	var div_padre = $("<div></div>");
	div_padre.attr('id',id_div_padre).css({
		'height':alto+'px',
		'width':ancho+'px',
		'overflow':'hidden',
		'position':'relative'
	});
	
	//BEGIN CONSTRUIR SCROLL
	var ancho_scroll=15;
	var pad_div_scroll = $("<div></div>").css({
		'width':ancho_scroll+'px',
		'height':'10px',
		'float':'right'
	});
	
	var div_scroll = $("<div></div>");
	div_scroll.attr('id','scrollbar').css({
		'width':ancho_scroll+'px',
		'height':alto_s+'px',
		'float':'right',
		'background':'url('+img_path+'/fondo_scroll_03.gif) repeat-y',
		'text-align':'center'
	});
	
	var up_scroll = $("<div></div>");
	up_scroll.attr('id','upscrollbar').css({
		'width':'13px',
		'height':'5px',
		'cursor':'pointer'
	});
	$('<img />').attr('src',img_path+'/subir.png').appendTo(up_scroll);
	up_scroll.mousedown(goDownDivmover);
	up_scroll.mouseup(goDownDivmout);
	up_scroll.appendTo(div_scroll);
	
	var alt_conscroll=alto_s-5-5;
	var cont_scroll = $("<div></div>");
	cont_scroll.attr('id',id_contscrollbar).css({
		'width':ancho_scroll+'px',
		'height':alt_conscroll+'px'
	}).appendTo(div_scroll);
	var barra_cont_scroll = $("<div></div>").attr('id',id_div_scrollbar).css({
		'position':'relative'
	});
	$('<img />').attr('src',img_path+'/mover_02_03.gif').appendTo(barra_cont_scroll);
	barra_cont_scroll.appendTo(cont_scroll);
	
	var down_scroll = $("<div></div>");
	down_scroll.attr('id','downscrollbar').css({
		'width':'13px',
		'height':'5px',
		'cursor':'pointer'
	});
	$('<img />').attr('src',img_path+'/bajar.png').appendTo(down_scroll);
	down_scroll.mousedown(goUpDivmover);
	down_scroll.mouseup(goUpDivmout);
	down_scroll.appendTo(div_scroll);
	//END CONSTRUIR SCROLL
	
	var ancho_cont=ancho-ancho_scroll-10;
	var div_contenido = $("<div></div>");
	div_contenido.attr('id',ele_id).html(ele_cont).css({
		'width':ancho_cont+'px',
		'float':'left',
		'overflow':'hidden',
		'position':'relative'
	}).appendTo(div_padre);
	pad_div_scroll.appendTo(div_padre);
	div_scroll.appendTo(div_padre);
	
	thisele.replaceWith(div_padre);
}

function goUpDivmover(){
	var altura_padre=$('#'+id_div_padre).height();
	var altura=$('#'+id_div_hijo).height();
	altura=altura-altura_padre;
	var speed=altura*vel_div;
	var altura_bar=altura+"px";
	altura="-"+altura+"px";
	
	
	$('#'+id_div_hijo) .stop();
	$('#'+id_div_hijo) .animate({"top": altura},speed);
	
	altura_padre=$('#'+id_contscrollbar).height();
	altura=$('#'+id_div_scrollbar).height();
	altura=altura_padre-altura;
	speed=altura*vel_scroll;
	altura=altura+"px";
	$('#'+id_div_scrollbar) .stop();
	$('#'+id_div_scrollbar) .animate({"top": altura},speed);
}

function goUpDivmout(){
	$('#'+id_div_hijo) .stop();
	$('#'+id_div_scrollbar) .stop();
}

function goDownDivmover(){
	var altura_padre=$('#'+id_div_padre).height();
	var altura=$('#'+id_div_hijo).height();
	//alert(altura);
	var altura_bar="-"+altura+"px";
	altura=altura-altura_padre;
	var speed=altura*20;
	$('#'+id_div_hijo) .stop();
	$('#'+id_div_hijo) .animate({"top": "0px"}, speed);
	$('#'+id_div_scrollbar) .stop();
	$('#'+id_div_scrollbar) .animate({"top": "0px"},speed);
}

function goDownDivmout(){
	$('#'+id_div_scrollbar) .stop();
	$('#'+id_div_hijo) .stop();
}