imageObj = new Image(169,220);

images_on = new Array();
images_off = new Array();

var url="http://monkeytosstv.com/";

images_on[0] = url+"wp-content/themes/monkey/images/img_index/events_on.jpg";
images_on[1] = url+"wp-content/themes/monkey/images/img_index/getting_played_on.jpg";
images_on[2] = url+"wp-content/themes/monkey/images/img_index/buttered_popcorn_on.jpg";
images_on[3] = url+"wp-content/themes/monkey/images/img_index/tech-tarded_on.jpg";
images_on[4] = url+"wp-content/themes/monkey/images/img_index/damn_on.jpg";

images_off[0] = url+"wp-content/themes/monkey/images/img_index/events.jpg";
images_off[1] = url+"wp-content/themes/monkey/images/img_index/getting_played.jpg";
images_off[2] = url+"wp-content/themes/monkey/images/img_index/buttered_popcorn.jpg";
images_off[3] = url+"wp-content/themes/monkey/images/img_index/tech-tarded.jpg";
images_off[4] = url+"wp-content/themes/monkey/images/img_index/damn.jpg";

for(i=0; i<=5; i++) 
{
	imageObj.src=images_off[i];
    imageObj.src=images_on[i];
}

function on(i) 
{
	document.image[i].src = images_on[i]; return true;
}

function off(i) 
{
	document.image[i].src = images_off[i]; return true;
}

document.observe('dom:loaded',function()
{				
	try
	{
		var scrollbar_s = new Control.ScrollBar('scrollbar_content_side','scrollbar_track_side');
		var scrollbar = new Control.ScrollBar('scrollbar_content','scrollbar_track');

		$('scroll_down_50').observe('click',function(event){
				scrollbar.scrollBy(-50);
				event.stop();
		});
	
		$('scroll_up_50').observe('click',function(event){
				scrollbar.scrollBy(50);
				event.stop();
		});
	
		$('scroll_top').observe('click',function(event){
				scrollbar.scrollTo('top');
				event.stop();
		});

		$('scroll_bottom').observe('click',function(event){
			//to animate a scroll operation you can pass true
			//or a callback that will be called when scrolling is complete
			scrollbar.scrollTo('bottom',function(){
				if(typeof(console) != "undefined")
					console.log('Finished scrolling to bottom.');
			});
			event.stop();
		});

		$('scroll_second').observe('click',function(event){
			//you can pass a number or element to scroll to
			//if you pass an element, it will be centered, unless it is
			//near the bottom of the container
			scrollbar.scrollTo($('second_subhead'));
			event.stop();
		});

		$('scroll_third').observe('click',function(event){
			//passing true will animate the scroll
			scrollbar.scrollTo($('third_subhead'),true);
			event.stop();
		});

		$('scroll_insert').observe('click',function(event){
			$('scrollbar_content').insert('<p><b>Inserted: ' + $('repeat').innerHTML + '</b></p>');
			//you only need to call this if ajax or dom operations modify the layout
			//this is automatically called when the window resizes
			scrollbar.recalculateLayout();
			event.stop();
		});
	}
	catch(err){}

	
});
function cargarScroll()
{
	try
	{
		var scrollbar_s = new Control.ScrollBar('scrollbar_content','scrollbar_track');

		$('scroll_down_50').observe('click',function(event){
				scrollbar_s.scrollBy(-50);
				event.stop();
		});
	
		$('scroll_up_50').observe('click',function(event){
				scrollbar_s.scrollBy(50);
				event.stop();
		});
	
		$('scroll_top').observe('click',function(event){
				scrollbar_s.scrollTo('top');
				event.stop();
		});

		$('scroll_bottom').observe('click',function(event){
			//to animate a scroll operation you can pass true
			//or a callback that will be called when scrolling is complete
			scrollbar_s.scrollTo('bottom',function(){
				if(typeof(console) != "undefined")
					console.log('Finished scrolling to bottom.');
			});
			event.stop();
		});

		$('scroll_second').observe('click',function(event){
			//you can pass a number or element to scroll to
			//if you pass an element, it will be centered, unless it is
			//near the bottom of the container
			scrollbar_s.scrollTo($('second_subhead'));
			event.stop();
		});

		$('scroll_third').observe('click',function(event){
			//passing true will animate the scroll
			scrollbar_s.scrollTo($('third_subhead'),true);
			event.stop();
		});

		$('scroll_insert').observe('click',function(event){
			$('scrollbar_content').insert('<p><b>Inserted: ' + $('repeat').innerHTML + '</b></p>');
			//you only need to call this if ajax or dom operations modify the layout
			//this is automatically called when the window resizes
			scrollbar_s.recalculateLayout();
			event.stop();
		});
	}
	catch(err){}
}