/* mootools */

// button hovers
window.addEvent('domready', function() {
	if( $('button_read') != null )
	{
		$('button_read').addEvents({
			mouseover: function(){
				var myEffects = new Fx.Morph('button_read');
				myEffects.start({opacity: 0.8}); 
			},
			mouseout: function(){
				var myEffects = new Fx.Morph('button_read');
				myEffects.start({opacity: 1.0}); 
			}
		});
	}
	if( $('button_watchit') != null )
	{
		$('button_watchit').addEvents({
			mouseover: function(){
				var myEffects = new Fx.Morph('button_watchit');
				myEffects.start({opacity: 0.8}); 
			},
			mouseout: function(){
				var myEffects = new Fx.Morph('button_watchit');
				myEffects.start({opacity: 1.0}); 
			}
		});
	}
	
	// left menu hover
	if( $$('.left_menu')[0] != null )
	{
		$$('.left_menu')[0].getElements("li").each( function(item, index) {
			var fx = new Fx.Tween( item );
			item.addEvents({
				"mouseenter" : function() {
					item.toggleClass('selected');
				},
				"mouseleave" : function() {
					item.toggleClass('selected');
				}
			});
		});
	}
	
	// frame sprite
	if ($$(".frame")[0]) {
		$$(".frame")[0].getElements("a").each(function(item, index){
			//var fx = new Fx.Morph(item, {duration: '1'});
			var fx = new Fx.Tween(item);
			item.addEvents({
				"mouseenter": function(){
					if (Browser.ie) {
						var size = [];
						size[0] = item.getStyle('background-position-x').toString().replace("px", '').replace("%", '');
						size[1] = item.getStyle('background-position-y').toString().replace("px", '').replace("%", '');
						//fx.start({"background-position-x" : "-280px"});
						fx.set("background-position-x", "-280px");
					}
					else {
						var size = item.getStyle('background-position').toString().replace("px", '').replace("px", '').replace("%", '').replace("%", '').split(" ");
						//fx.start({"background-position" : "-280px "+size[1]+"px"});
						fx.set("background-position", "-280px " + size[1] + "px");
					}
				},
				"mouseleave": function(){
					if (Browser.ie) {
						var size = [];
						size[0] = item.getStyle('background-position-x').toString().replace("px", '').replace("%", '');
						size[1] = item.getStyle('background-position-y').toString().replace("px", '').replace("%", '');
						//fx.start({"background-position-x" : "0px"});
						fx.set("background-position-x", "0px");
					}
					else {
						var size = item.getStyle('background-position').toString().replace("px", '').replace("px", '').replace("%", '').replace("%", '').split(" ");
						//fx.start({"background-position" : "0px "+size[1]+"px"});
						fx.set("background-position", "0px " + size[1] + "px");
					}
				}
			});
		});
	}
	
	
	
	// top menu sprite
	if ($("top")) {
		$("top").getElements("a").each(function(item, index){
			//var fx = new Fx.Morph(item, {duration: '1'});
			var fx = new Fx.Tween(item);
			item.addEvents({
				"mouseover": function(){
					if (Browser.ie) {
						var size = [];
						size[0] = item.getStyle('background-position-x').toString().replace("px", '').replace("%", '');
						size[1] = item.getStyle('background-position-y').toString().replace("px", '').replace("%", '');
						//fx.start({"background-position-y" : (parseInt(size[1])-70)+"px"});
						fx.set("background-position-y", (parseInt(size[1]) - 70) + "px");
					}
					else {
						var size = item.getStyle('background-position').toString().replace("px", '').replace("px", '').replace("%", '').replace("%", '').split(" ");
						//fx.start({"background-position" : parseInt(size[0])+"px "+( parseInt(size[1]-70) )+"px"});
						fx.set("background-position", parseInt(size[0]) + "px " + (parseInt(size[1] - 70)) + "px");
					}
				},
				"mouseout": function(){
					if (Browser.ie) {
						var size = [];
						size[0] = item.getStyle('background-position-x').toString().replace("px", '').replace("%", '');
						size[1] = item.getStyle('background-position-y').toString().replace("px", '').replace("%", '');
						//fx.start({"background-position-y" : (parseInt(size[1])+70)+"px"});
						fx.set("background-position-y", (parseInt(size[1]) + 70) + "px");
					}
					else {
						var size = item.getStyle('background-position').toString().replace("px", '').replace("px", '').replace("%", '').replace("%", '').split(" ");
						//fx.start({"background-position" : parseInt(size[0])+"px "+( parseInt(size[1])+70 )+"px"});
						fx.set("background-position", parseInt(size[0]) + "px " + (parseInt(size[1]) + 70) + "px");
					}
				}
			});
		});
	}
	
});