
var Site = {
	start: function(){

		var video_tooltip = new Tips($$('.video-tooltip'));


		if($('vp_l')){

			// scrolling effect inside the video player iframe

			var scrollingStep_vp_l = 4;		// feel free to change the step
			var listItemToFocus_vp_l = 1;
			var listItemsLength_vp_l = $$('#vp_l li').length;
			try{console.log("LI items for #vp_l: " + listItemsLength_vp_l);}catch(e){} // debug

			var vp_l_fx = new Fx.Scroll('vp_l', {
				wait: false,
				duration: 300,
				offset: {'x': 0, 'y': 0},
				transition: Fx.Transitions.Back.easeOut
			});

			$('vp_up').addEvent('click', function(event){

				event = new Event(event).stop();
				listItemToFocus_vp_l -= scrollingStep_vp_l;

				try{console.log("sending it to " + listItemToFocus_vp_l);}catch(e){} // debug
				if( listItemToFocus_vp_l <= 0 ) listItemToFocus_vp_l = 1;
				vp_l_fx.toElement('vp_l_' + listItemToFocus_vp_l);

			});

			$('vp_down').addEvent('click', function(event){

				event = new Event(event).stop();
				listItemToFocus_vp_l += scrollingStep_vp_l;

				try{console.log("i'm sending it to " + listItemToFocus_vp_l);}catch(e){} // debug
				if( listItemToFocus_vp_l >=  listItemsLength_vp_l) listItemToFocus_vp_l = listItemsLength_vp_l +1 - scrollingStep_vp_l;
				vp_l_fx.toElement('vp_l_' + listItemToFocus_vp_l);

			});

		}

		if($('vp_vertical_l')){

			// scrolling effect inside the video player iframe

			var scrollingStepVertical = 4;
			var listItemToFocusVertical = 1;
			var listItemsLengthVertical = $$('#vp_vertical_l li').length;
			try{console.log("LI items: " + listItemsLengthVertical);}catch(e){} // debug

			var vp_vertical_l_fx = new Fx.Scroll('vp_vertical_l', {
				wait: false,
				duration: 400,
				offset: {'x': 0, 'y': -6},
				transition: Fx.Transitions.Quad.easeInOut
			});

			$('vp_vertical_up').addEvent('click', function(event){

				event = new Event(event).stop();
				listItemToFocusVertical -= scrollingStepVertical;

				if( listItemToFocusVertical <= 0 ) listItemToFocusVertical = 1;
				try{console.log("sending vertical unit to " + listItemToFocusVertical);}catch(e){} // debug
				vp_vertical_l_fx.toElement('vp_vertical_l_' + listItemToFocusVertical);

			});

			$('vp_vertical_down').addEvent('click', function(event){

				event = new Event(event).stop();
				listItemToFocusVertical += scrollingStepVertical;

				// if( listItemToFocusVertical >=  listItemsLengthVertical) listItemToFocusVertical = listItemsLengthVertical - scrollingStepVertical + 1;
				if( listItemToFocusVertical >=  listItemsLengthVertical) listItemToFocusVertical = listItemsLengthVertical;
                if( listItemToFocusVertical <= 0 ) listItemToFocusVertical = 1;
				try{console.log("sending vertical unit to " + listItemToFocusVertical);}catch(e){} // debug
				vp_vertical_l_fx.toElement('vp_vertical_l_' + listItemToFocusVertical);

			});

		}


		if($('vp_popup_list_l')){

			// scrolling effect inside the video player iframe

			var scrollingStepVertical_pp = 5;		// feel free to change the step
			var listItemToFocus_pp = 1;
			var listItemsLength_pp = $$('#vp_popup_list_l li').length;
			try{console.log("LI items for #vp_popup_list_l:" + listItemsLength_pp);}catch(e){} // debug

			var vp_popup_list_l_fx = new Fx.Scroll('vp_popup_list_l', {
				wait: false,
				duration: 400,
				offset: {'x': 0, 'y': -6},
				transition: Fx.Transitions.Quad.easeInOut
			});

			// temporary disabling scrolling arrows for IE: ----------------------------------------
			/*
			if (window.ie) $('vp_popup_list_up').setStyle('visibility','hidden');
			if (window.ie) $('vp_popup_list_down').setStyle('visibility','hidden');
			*/
			if (window.ie) $('vp_scroller_arrow_buttons_internal').setStyle('visibility','hidden');
			// -------------------------------------------------------------------------------------

			$('vp_popup_list_up').addEvent('click', function(event){

				event = new Event(event).stop();
				listItemToFocus_pp -= scrollingStepVertical_pp;

				try{console.log("sending it to " + listItemToFocus_pp); }catch(e){} // debug
				if( listItemToFocus_pp <= 0 ) listItemToFocus_pp = 1;
				vp_popup_list_l_fx.toElement('vp_popup_list_l_' + listItemToFocus_pp);

			});

			$('vp_popup_list_down').addEvent('click', function(event){

				event = new Event(event).stop();
				listItemToFocus_pp += scrollingStepVertical_pp;

				try{console.log("sending it to " + listItemToFocus_pp);}catch(e){} // debug
				if( listItemToFocus_pp >=  listItemsLength_pp) {
					listItemToFocus_pp = listItemsLength_pp - scrollingStepVertical_pp + 1;
				}
                if( listItemToFocus_pp <= 0 ) listItemToFocus_pp = 1;
				vp_popup_list_l_fx.toElement('vp_popup_list_l_' + listItemToFocus_pp);

			});

		}





		if($('vp_horizontal_l')){

			// scrolling effect inside the video player iframe

			var scrollingStepHorizontal = 4;		// feel free to change the step
			var windowWidth = 5;
			var listItemToFocus = 1;
			var listItemsLength = $$('#vp_horizontal_l li').length;

			try{console.log("LI items for #vp_horizontal_l: " + listItemsLength);}catch(e){} // debug

			var vp_horizontal_l_fx = new Fx.Scroll('vp_horizontal_l', {
				wait: false,
				duration: 400,
				offset: {'x': 0, 'y': -6},
				transition: Fx.Transitions.Quad.easeInOut
			});

			$('vp_horizontal_up').addEvent('click', function(event){

				event = new Event(event).stop();
				listItemToFocus -= scrollingStepHorizontal;

				if(listItemToFocus < 1)
					listItemToFocus = 1;

				try{console.log("sending it to " + listItemToFocus);}catch(e){} // debug
				if( listItemToFocus <= 0 ) listItemToFocus = 1;
				vp_horizontal_l_fx.toElement('vp_horizontal_l_' + listItemToFocus);

			});

			$('vp_horizontal_down').addEvent('click', function(event){

				event = new Event(event).stop();
				listItemToFocus += scrollingStepHorizontal;

				var listItemsLength = $$('#vp_horizontal_l li').length;

				if((windowWidth + listItemToFocus) > listItemsLength)
					listItemToFocus = listItemsLength - windowWidth;

				try{console.log("sending it to " + listItemToFocus);}catch(e){} // debug
				if( listItemToFocus >=  listItemsLength) listItemToFocus = listItemsLength - scrollingStepHorizontal + 1;
				vp_horizontal_l_fx.toElement('vp_horizontal_l_' + listItemToFocus);

			});

		}



		if($('vp_vertical_unit_related_videos')){
			var vp_vertical_slide_fx = new Fx.Slide('vp_vertical_unit_related_videos', {duration: 600, transition: Fx.Transitions.Pow.easeInOut});
			vp_vertical_slide_fx.hide();
			$('vp_vertical_unit_show_hide').addEvent('click', function(e){
				e = new Event(e);
				vp_vertical_slide_fx.toggle();
				e.stop();

				if ($('vp_vertical_unit_related_videos').getStyle('margin-top') != "0px"){
					$('vp_vertical_unit_show_hide').setStyle('background-color','#D7E4EC');
					$('vp_vertical_unit_related_videos_dsc').innerHTML = 'Hide';
					// this.getFirst('A').setStyle('backgroundImage', 'url(/images/vp/button_hide_related.png)');
				} else {
					$('vp_vertical_unit_related_videos_dsc').innerHTML = 'Show';
					$('vp_vertical_unit_show_hide').setStyle('background-color','#DDEBFC');
					// this.getFirst('A').setStyle('backgroundImage', 'url(/images/vp/button_show_related.png)');
				}
			});
		}


		if($('vp_horizontal_unit_related_videos_1')){
			$('vp_horizontal_unit_show_hide_1').addEvent('click', function(e){
				e = new Event(e);
				if($('vp_horizontal_unit_related_videos_1').getStyle('display') == "none"){
					$('vp_horizontal_unit_show_hide_1').setStyle('background-color','#D7E4EC');
					$('vp_horizontal_unit_related_videos_1').style.display = 'block';
					$('vp_horizontal_unit_related_videos_dsc_1').innerHTML = 'Hide';
					// this.getFirst('A').setStyle('backgroundImage', 'url(/images/vp/button_hide_related.png)');
				} else {
					$('vp_horizontal_unit_show_hide_1').setStyle('background-color','#DDEBFC');
					$('vp_horizontal_unit_related_videos_1').style.display = 'none';
					$('vp_horizontal_unit_related_videos_dsc_1').innerHTML = 'View';
					// this.getFirst('A').setStyle('backgroundImage', 'url(/images/vp/button_show_related.png)');
				}
				e.stop();
			});

		}

		if($$('.vp_horizontal_unit_wide_show_hide')){
			$$('.vp_horizontal_unit_wide_show_hide').each(function(el){

					el.addEvent('click', function(e){

				e = new Event(e);
				e.stop();
				var clickedId = e.target.parentNode.id;
				var clickedWideIdNumber = clickedId.substring(clickedId.lastIndexOf('_') + 1 ,clickedId.length);

				// try{console.log(clickedWideIdNumber)}catch(e){}

				var show_hide_box = $('vp_horizontal_unit_related_videos_wide_' + clickedWideIdNumber);
				var show_hide_container = $('vp_horizontal_unit_show_hide_wide_' + clickedWideIdNumber);
				var show_hide_title = $('vp_horizontal_unit_related_videos_wide_dsc_' + clickedWideIdNumber);

				// alert (show_hide_box.id + '\n' + show_hide_container.id + '\n' + show_hide_title.id);

				if(show_hide_box.getStyle('display') == "none"){
				// console.log("showing");
					show_hide_container.setStyle('background-color','#D7E4EC');
					show_hide_box.setStyle('display', 'block');
					$('vp_horizontal_unit_related_videos_wide_dsc_' + clickedWideIdNumber).innerHTML = 'Hide';
					//this.getFirst('A').setStyle('backgroundImage', 'url(/images/vp/button_hide_related.png)');
				} else {
				// console.log("hiding");
					show_hide_container.setStyle('background-color','#DDEBFC');
					show_hide_box.setStyle('display', 'none');
					show_hide_title.innerHTML = 'View';
					//this.getFirst('A').setStyle('backgroundImage', 'url(/images/vp/button_show_related.png)');
				}
			});
		});
		}


/*

		if($('vp_horizontal_unit_related_videos')){
			var vp_horizontal_slide_fx = new Fx.Slide('vp_horizontal_unit_related_videos', {duration: 200});
			vp_horizontal_slide_fx.hide();
			$('vp_horizontal_unit_show_hide').addEvent('click', function(e){
				e = new Event(e);
				vp_horizontal_slide_fx.toggle();
				e.stop();

				if ($('vp_horizontal_unit_related_videos').getStyle('margin-top') != "0px"){
					$('vp_horizontal_unit_related_videos_dsc').innerHTML = 'Hide';
				} else {
					$('vp_horizontal_unit_related_videos_dsc').innerHTML = 'Show';
				}
			});
		}


*/


	}
};

window.addEvent('load', Site.start);
