jQuery.noConflict();

var clear="/mystyle/shows/ruby/images/spacer.gif" //path to clear.gif

pngfix=function(){var els=document.getElementsByTagName('*');var ip=/\.png/i;var i=els.length;while(i-- >0){var el=els[i];var es=el.style;if(el.src&&el.src.match(ip)&&!es.filter){es.height=el.height;es.width=el.width;es.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+el.src+"',sizingMethod='crop')";el.src=clear;}else{var elb=el.currentStyle.backgroundImage;if(elb.match(ip)){var path=elb.split('"');var rep=(el.currentStyle.backgroundRepeat=='no-repeat')?'crop':'scale';es.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+path[1]+"',sizingMethod='"+rep+"')";es.height=el.clientHeight+'px';es.backgroundImage='none';var elkids=el.getElementsByTagName('*');if (elkids){var j=elkids.length;if(el.currentStyle.position!="absolute")es.position='static';while (j-- >0)if(!elkids[j].style.position)elkids[j].style.position="relative";}}}}}




jQuery(window).resize(function(){
});

var scrollPercent=0;
jQuery(document).ready(function(){

    fillWithLipsum();
    jQuery("a.fade").mouseover(function(){
        jQuery(this).stop();
        jQuery(this).animate({ 
            color: "#DDDD00"
          }, 300 );
   }).mouseout(function(){
        jQuery(this).stop();
        jQuery(this).animate({ 
           color: "#64D312"
         }, 300 );
   });
    
    
  
    jQuery("div#scrollbar").mousedown(function(e){
        initDrag(e);
    });
	jQuery("a#scrollup").click(function(e){
		mouseScrollContent(100);
		return false;
	});
	jQuery("a#scrolldown").click(function(e){
		mouseScrollContent(-100);
		return false;
	});
	
    jQuery("div#scrollDummy").css("display","none").css("visibility","visible");
	resetScroller();
	if(jQuery.browser.msie && parseInt(jQuery.browser.version)<7){
		pngfix();
		
	}
    
});
var mouseDiff;


function initDrag(event){
	
	//jQuery("div#debug").text("initdrag");
    mouseDiff = getPos(event, 'Y') - parseInt(jQuery("div#scrollbar").css("top"));
    jQuery('div#rubySite').bind('mousemove', startDragging).bind('mouseleave',stopDrag).bind('mouseup',stopDrag);
	//jQuery("div#scroller").append('<div id="scrollDummy" style="background-image:url(images/scroller.png);"></div>');
	jQuery("div#scrollDummy").css("top", jQuery("div#scrollbar").css("top")).css("display", "block");
	jQuery("div#scrollbar").css("display", "none");
	return false;
};
function startDragging(event){
    var tempY = getPos(event, 'Y') - mouseDiff;
    scrollPercent = tempY/(jQuery("div#scroller").height()-jQuery("div#scrollbar").height());
    if(scrollPercent>1) scrollPercent = 1;
    if(scrollPercent<0) scrollPercent = 0;
    tempY = (jQuery("div#scroller").height()-jQuery("div#scrollbar").height())*scrollPercent;
    jQuery("div#scrollDummy").css("top", tempY  + "px");
	
	//jQuery("div#debug").text(scrollPercent);
    barScrollContent(scrollPercent);
	return false;
};
function stopDrag(event){
	jQuery("div#scrollbar").css("top", jQuery("div#scrollDummy").css("top")).css("display", "block");
	jQuery("div#scrollDummy").css("display", "none");
    jQuery('div#rubySite').unbind('mousemove', startDragging).unbind('mouseup',stopDrag).unbind('mouseleave',stopDrag);
	
	return false;
};
var getPos = function (event, c) {
					var p = c == 'X' ? 'Left' : 'Top';
					return event['page' + c] || (event['client' + c] + (document.documentElement['scroll' + p] || document.body['scroll' + p])) || 0;
				};
				

function resetScroller(){
 
     jQuery("div#scroller").stop();
	
	if (jQuery("#rubySite").unmousewheel) {jQuery("#rubySite").unmousewheel();}
	if(jQuery("div#rubyWrap").height()<jQuery("div#rubyContent").height()){
	
	    jQuery("div#scrollItems").show();
        jQuery("#rubySite").mousewheel(
                function (event, d) {
	                mouseScrollContent(d*20);
	                return false;
                }
	    );
	}else{
	    jQuery("div#scrollItems").hide();
	}
	
}

function barScrollContent(a){
    var tempY = 0-(jQuery("div#rubyContent").height() - jQuery("div#rubyWrap").height()) * a;
    jQuery("div#rubyContent").css("top", tempY+"px");

}

function mouseScrollContent(a){
        var tempY = parseInt(jQuery("div#rubyContent").css("top"))+a;
        if(tempY>0)tempY = 0;
        if(tempY<(0-jQuery("div#rubyContent").height()+jQuery("div#rubyWrap").height())) tempY = 0-jQuery("div#rubyContent").height()+jQuery("div#rubyWrap").height();
        jQuery("div#rubyContent").css("top", tempY+"px");
        tempY = (tempY/(jQuery("div#rubyContent").height()-jQuery("div#rubyWrap").height())) * (jQuery("div#scroller").height() - jQuery("div#scrollbar").height()) * -1;
       // jQuery("#debug").prepend(tempY + "<br />");
        jQuery("div#scrollbar").css("top", tempY  + "px");
   

}



function fillWithLipsum(){
    var lipsum = "<span>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin nec felis ac augue commodo congue. Aliquam lacinia, ipsum consectetuer ullamcorper aliquet, massa leo fringilla tortor, vel condimentum metus augue vitae enim. In at neque consequat turpis iaculis rutrum. Quisque nulla justo, tristique quis, congue non, mollis nec, orci. Fusce magna. Mauris lacus lectus, volutpat vel, volutpat vel, laoreet vel, lacus. Nam dolor. Vivamus consequat erat eu nibh. Nullam vitae metus at dolor vulputate tempus. Sed vel risus. Aenean aliquam commodo augue. Nullam vel turpis. Praesent quis neque vitae ipsum dictum rutrum. Ut quam. Donec mollis, ipsum dapibus lacinia molestie, dui dolor laoreet ligula, a sollicitudin est lorem ut neque. Donec nec nisl at enim placerat rhoncus. Sed sed ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi luctus nulla eu purus. In iaculis lorem eu arcu. Fusce massa metus, dignissim sit amet, aliquet sed, vehicula eu, tortor. Suspendisse commodo felis ac nunc. Proin augue augue, sodales fermentum, ullamcorper vel, elementum eu, nunc. Nulla commodo sodales nunc. Integer pretium. Maecenas eget lorem id ante sodales tempus. Nam dignissim, neque non placerat egestas, diam felis vehicula metus, at placerat dui mauris non dolor. Mauris nisl est, aliquam molestie, molestie ac, consequat porttitor, felis. Proin a tellus vel erat dapibus egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam erat volutpat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam pulvinar suscipit arcu. Ut rhoncus ornare dui. Nulla non lorem. Sed ipsum ligula, malesuada ut, scelerisque at, posuere quis, sapien. In hac habitasse platea dictumst. Integer leo dolor, fermentum id, varius et, interdum non, velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla sed sapien quis odio venenatis lacinia. Morbi dui. In adipiscing ligula ut nibh. Nulla facilisi. Nunc pellentesque, nisi et congue laoreet, tellus diam facilisis ante, ac vulputate magna quam vel ante. Proin accumsan est id nisi. Curabitur feugiat ornare ipsum. Fusce vel tellus vitae mauris elementum sagittis. Fusce id ante. Vivamus risus velit, mattis ut, dapibus eget, commodo non, nisi. Mauris orci est, mattis quis, placerat et, cursus sed, purus. Curabitur rhoncus ultrices dolor. Quisque neque. Mauris pellentesque metus vel massa. Vivamus risus. Aliquam nibh. Morbi neque ligula, congue at, bibendum vitae, aliquam consectetuer, turpis. Quisque turpis magna, tempus non, pretium aliquet, vehicula non, augue. Suspendisse venenatis, lectus in adipiscing lacinia, metus libero faucibus erat, nec rutrum felis tellus feugiat lacus. Praesent feugiat hendrerit purus. Aenean sit amet risus. Proin ultricies augue sed lectus. Donec sollicitudin nulla eu mauris. Phasellus mattis orci id elit. Mauris id ligula vel libero feugiat faucibus. Pellentesque non augue. Pellentesque in sapien. Praesent in orci ac enim dignissim condimentum. Fusce sodales risus at lorem. Cras eros. Vivamus elementum enim vel massa. Donec euismod imperdiet libero. Vivamus ullamcorper lacus sit amet justo. Vestibulum in ligula vel nulla dapibus ullamcorper. Duis arcu nunc, feugiat in, condimentum nec, placerat quis, felis. Duis enim mi, euismod ac, vulputate non, adipiscing eget, augue. Maecenas pellentesque varius quam. Sed nec lacus. Pellentesque hendrerit, nisi et vulputate mattis, nibh sapien porta lacus, nec malesuada sem ante blandit velit. Morbi egestas pretium magna. Donec pulvinar, tellus gravida vulputate dictum, sem odio fermentum velit, a cursus arcu velit tincidunt neque. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin nec felis ac augue commodo congue. Aliquam lacinia, ipsum consectetuer ullamcorper aliquet, massa leo fringilla tortor, vel condimentum metus augue vitae enim. In at neque consequat turpis iaculis rutrum. Quisque nulla justo, tristique quis, congue non, mollis nec, orci. Fusce magna. Mauris lacus lectus, volutpat vel, volutpat vel, laoreet vel, lacus. Nam dolor. Vivamus consequat erat eu nibh. Nullam vitae metus at dolor vulputate tempus. Sed vel risus. Aenean aliquam commodo augue. Nullam vel turpis. Praesent quis neque vitae ipsum dictum rutrum. Ut quam. Donec mollis, ipsum dapibus lacinia molestie, dui dolor laoreet ligula, a sollicitudin est lorem ut neque. Donec nec nisl at enim placerat rhoncus. Sed sed ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi luctus nulla eu purus. In iaculis lorem eu arcu. Fusce massa metus, dignissim sit amet, aliquet sed, vehicula eu, tortor. Suspendisse commodo felis ac nunc. Proin augue augue, sodales fermentum, ullamcorper vel, elementum eu, nunc. Nulla commodo sodales nunc. Integer pretium. Maecenas eget lorem id ante sodales tempus. Nam dignissim, neque non placerat egestas, diam felis vehicula metus, at placerat dui mauris non dolor. Mauris nisl est, aliquam molestie, molestie ac, consequat porttitor, felis. Proin a tellus vel erat dapibus egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam erat volutpat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam pulvinar suscipit arcu. Ut rhoncus ornare dui. Nulla non lorem. Sed ipsum ligula, malesuada ut, scelerisque at, posuere quis, sapien. In hac habitasse platea dictumst. Integer leo dolor, fermentum id, varius et, interdum non, velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla sed sapien quis odio venenatis lacinia. Morbi dui. In adipiscing ligula ut nibh. Nulla facilisi. Nunc pellentesque, nisi et congue laoreet, tellus diam facilisis ante, ac vulputate magna quam vel ante. Proin accumsan est id nisi. Curabitur feugiat ornare ipsum. Fusce vel tellus vitae mauris elementum sagittis. Fusce id ante. Vivamus risus velit, mattis ut, dapibus eget, commodo non, nisi. Mauris orci est, mattis quis, placerat et, cursus sed, purus. Curabitur rhoncus ultrices dolor. Quisque neque. Mauris pellentesque metus vel massa. Vivamus risus. Aliquam nibh. Morbi neque ligula, congue at, bibendum vitae, aliquam consectetuer, turpis. Quisque turpis magna, tempus non, pretium aliquet, vehicula non, augue. Suspendisse venenatis, lectus in adipiscing lacinia, metus libero faucibus erat, nec rutrum felis tellus feugiat lacus. Praesent feugiat hendrerit purus. Aenean sit amet risus. Proin ultricies augue sed lectus. Donec sollicitudin nulla eu mauris. Phasellus mattis orci id elit. Mauris id ligula vel libero feugiat faucibus. Pellentesque non augue. Pellentesque in sapien. Praesent in orci ac enim dignissim condimentum. Fusce sodales risus at lorem. Cras eros. Vivamus elementum enim vel massa. Donec euismod imperdiet libero. Vivamus ullamcorper lacus sit amet justo. Vestibulum in ligula vel nulla dapibus ullamcorper. Duis arcu nunc, feugiat in, condimentum nec, placerat quis, felis. Duis enim mi, euismod ac, vulputate non, adipiscing eget, augue. Maecenas pellentesque varius quam. Sed nec lacus. Pellentesque hendrerit, nisi et vulputate mattis, nibh sapien porta lacus, nec malesuada sem ante blandit velit. Morbi egestas pretium magna. Donec pulvinar, tellus gravida vulputate dictum, sem odio fermentum velit, a cursus arcu velit tincidunt neque.</span>"
    
    jQuery("div.filler").each(function(){
        var tempHtml = jQuery(this).html();
        jQuery(this).html(tempHtml+lipsum);
    })
    
}