window.addEvent('domready', function() {
	var jUsemap = $('mapname'),
		jBody =  $('tdsbody'),
		jGeneral =  $('general'),
		jTopBanner =  $('topbanner'),
		jInicio =  $('inicio'),
		jImginicio = $('imginicio'),
		jContform = $('contholder'),
		jMapholder = $('mapholder'),
		jFbholder = $('fbholder'),
		jScrbholder = $('scrbholder'),
		jYtvholder = $('ytvholder'),
		jLoader =  $('loader'),
		jContactFrame = $('contactFrame');

	/* ajax*/
	var jlog = $('jlog_res');
	//jlog.set('html', response);
	
	/*yt*/
	var jPausebtn = $('pausebtn'),
	jPlaybtn = $('playbtn');
	
	var isEnd = false;

	/* box locate */
	jBody.getSize();
	var BodySize = jBody.getSize();
	var GeneralSize = jGeneral.getSize();

	var yBodyEms = (BodySize.y)/16;
	var yGeneralEms = (GeneralSize.y)/16;
	
	var mTop = (yBodyEms - yGeneralEms) / 2;
	if (mTop <= 3.5) {
		mTop = 3.5;	
	}
	
	jTopBanner.setStyle('height', mTop + "em");
	
	/* Cargar Contact */
	var reqcontact = new Request.HTML({url: 'views/contact.php', 
		onSuccess: function(html) {
			jLoader.setStyle('display', 'none');
			//Clear the text currently inside the results div.
			jContactFrame.set('html', '');
			//Inject the new DOM elements into the results div.
			jContactFrame.adopt(html);
		},
		//onFailure
		onFailure: function() {
			jContactFrame.set('text', 'Ups WTF!!!... Error.');
		}
	});
	
	/* Cargar Maps */
	var reqmaps = new Request.HTML({url: 'views/maps.php', 
		onSuccess: function(html) {
			jLoader.setStyle('display', 'none');
			//Clear the text currently inside the results div.
			$('mapFrame').set('text', '');
			//Inject the new DOM elements into the results div.
			$('mapFrame').adopt(html);
		},
		//onFailure
		onFailure: function() {
			$('mapFrame').set('text', 'Ups WTF!!!... Error.');
		}
	});

	//Cargar FB	
	var reqfb = new Request.HTML({url: 'views/fb.php', 
		onSuccess: function(html) {
			jLoader.setStyle('display', 'none');
			//Clear the text currently inside the results div.
			$('fbFrame').set('text', '');
			//Inject the new DOM elements into the results div.
			$('fbFrame').adopt(html);
		},
		//onFailure
		onFailure: function() {
			$('fbFrame').set('text', 'Ups WTF!!!... Error.');
		}
	});

	//Cargar YouTube	
	var reqytv = new Request.HTML({url: 'views/ytv.php', 
		onSuccess: function(html) {
			jLoader.setStyle('display', 'none');
			//Clear the text currently inside the results div.
			$('ytvFrame').set('text', '');
			//Inject the new DOM elements into the results div.
			$('ytvFrame').adopt(html);
			loadPlayer();
		},
		//onFailure
		onFailure: function() {
			$('ytvFrame').set('text', 'Ups WTF!!!... Error.');
		}
	});

	//Cargar Syndication	
	var reqsyn = new Request.HTML({url: 'views/syndication.php', 
		onSuccess: function(html) {
		jLoader.setStyle('display', 'none');
			//Clear the text currently inside the results div.
			$('scrbFrame').set('text', '');
			//Inject the new DOM elements into the results div.
			$('scrbFrame').adopt(html);
		},
		//onFailure
		onFailure: function() {
			$('scrbFrame').set('text', 'Ups WTF!!!... Error.');
		}
	});
	
	//contactFrame
	$('onContact').addEvent('click', function(e) {
		e.stop();
		jImginicio.fade(0);
		jLoader.setStyle('display', 'block');
		reqcontact.send();
		//Clear
		jUsemap.setStyle('display', 'block');
		jMapholder.setStyle('display', 'none');
		jFbholder.setStyle('display', 'none');
		jScrbholder.setStyle('display', 'none');
		jYtvholder.setStyle('display', 'none');
		//ops
		jContform.setStyle('opacity', '0');
		jContform.setStyle('display', 'block');
		jContform.fade(1);
	});
	
	$('offContact').addEvent('click', function(e) {
		e.stop();
		jContform.fade(0);
		jContactFrame.empty();
		//Clear
		jUsemap.setStyle('display', 'block');
		jContform.setStyle('display', 'none');
		jMapholder.setStyle('display', 'none');
		jFbholder.setStyle('display', 'none');
		jScrbholder.setStyle('display', 'none');
		jYtvholder.setStyle('display', 'none');
		//ops
		jImginicio.fade(1);
	});

	//mapholder
	$('onMap').addEvent('click', function(e) {
		e.stop();
		jImginicio.fade(0);
		reqmaps.send();
		jLoader.setStyle('display', 'block');
		//Clear
		jUsemap.setStyle('display', 'none');
		jContform.setStyle('display', 'none');
		jFbholder.setStyle('display', 'none');
		jScrbholder.setStyle('display', 'none');
		jYtvholder.setStyle('display', 'none');
		//ops
		jMapholder.setStyle('opacity', '0');
		jMapholder.setStyle('display', 'block');
		jMapholder.fade(1);
	});
	
	$('offMap').addEvent('click', function(e) {
		e.stop();
		jMapholder.fade(0);
		//Clear
		jUsemap.setStyle('display', 'block');
		jContform.setStyle('display', 'none');
		jMapholder.setStyle('display', 'none');
		jFbholder.setStyle('display', 'none');
		jScrbholder.setStyle('display', 'none');
		jYtvholder.setStyle('display', 'none');
		//ops
		jImginicio.fade(1);
	});

	//FBholder
	$('onFacebook').addEvent('click', function(e) {
		e.stop();
		jImginicio.fade(0);
		reqfb.send();
		jLoader.setStyle('display', 'block');
		//Clear
		jUsemap.setStyle('display', 'none');
		jContform.setStyle('display', 'none');
		jMapholder.setStyle('display', 'none');
		jScrbholder.setStyle('display', 'none');
		jYtvholder.setStyle('display', 'none');
		//ops
		jFbholder.setStyle('opacity', '0');
		jFbholder.setStyle('display', 'block');
		jFbholder.fade(1);
	});
	
	$('offFacebook').addEvent('click', function(e) {
		e.stop();
		jFbholder.fade(0);
		//Clear
		jUsemap.setStyle('display', 'block');
		jContform.setStyle('display', 'none');
		jMapholder.setStyle('display', 'none');
		jFbholder.setStyle('display', 'none');
		jScrbholder.setStyle('display', 'none');
		jYtvholder.setStyle('display', 'none');
		//ops
		jImginicio.fade(1);
	});

	//Scrbholder
	$('onSubscribe').addEvent('click', function(e) {
		e.stop();
		jImginicio.fade(0);
		reqsyn.send();
		jLoader.setStyle('display', 'block');
		//Clear
		jUsemap.setStyle('display', 'none');
		jContform.setStyle('display', 'none');
		jMapholder.setStyle('display', 'none');
		jFbholder.setStyle('display', 'none');
		jYtvholder.setStyle('display', 'none');
		//ops
		jScrbholder.setStyle('opacity', '0');
		jScrbholder.setStyle('display', 'block');
		jScrbholder.fade(1);
	});
	
	$('offSubscribe').addEvent('click', function(e) {
		e.stop();
		jScrbholder.fade(0);
		//Clear
		jUsemap.setStyle('display', 'block');
		jContform.setStyle('display', 'none');
		jMapholder.setStyle('display', 'none');
		jFbholder.setStyle('display', 'none');
		jScrbholder.setStyle('display', 'none');
		jYtvholder.setStyle('display', 'none');
		//ops
		jImginicio.fade(1);
	});
	
	//YoutubeHolder
	$('onYoutube').addEvent('click', function(e) {
		e.stop();
		reqytv.send();
		jImginicio.fade(0);
		jLoader.setStyle('display', 'block');
		//Clear
		jUsemap.setStyle('display', 'none');
		jContform.setStyle('display', 'none');
		jMapholder.setStyle('display', 'none');
		jFbholder.setStyle('display', 'none');
		jScrbholder.setStyle('display', 'none');
		//ops
		jYtvholder.setStyle('opacity', '0');
		jYtvholder.setStyle('display', 'block');
		jYtvholder.fade(1);
	});
	
	$('offYoutube').addEvent('click', function(e) {
		e.stop();
		jYtvholder.fade(0);
		//Clear
		jUsemap.setStyle('display', 'block');
		jContform.setStyle('display', 'none');
		jMapholder.setStyle('display', 'none');
		jFbholder.setStyle('display', 'none');
		jScrbholder.setStyle('display', 'none');
		jYtvholder.setStyle('display', 'none');
		//ops
		jImginicio.fade(1);
	});
	
	var myTips = new Tips($$('.toolTipElement'), {
		timeOut: 700,
		maxTitleChars: 50,
		maxOpacity: .9
	});
	
});

	/* yt api start */
function updateHTML(elmId, value) {
	document.getElementById(elmId).innerHTML = value;
}

function hideIt(elmId) {
	document.getElementById(elmId).style.display = "none";
}

function showIt(elmId) {
	document.getElementById(elmId).style.display = "block";
}

function updateBAR(elmId, value) {
	document.getElementById(elmId).style.width = value + "%";
}

function jHideIt(elmId) {
	$(elmId).setStyle('display', 'none');
}

function jShowIt(elmId) {
	$(elmId).setStyle('display', 'block');
}

function jTranspIt(elmId) {
	$(elmId).setStyle('opaticy', '0.0');
}

function jDeTranspIt(elmId) {
	$(elmId).setStyle('opaticy', '1.0');
}

function jUpdateBar(elmId, value) {
	$(elmId).setStyle('width', value + '%');
}

function jUpdatePos(elmId, value) {
	$(elmId).setStyle('left', value + '%');
}

function jUpdatePosTen(elmId, value) {
	elWidthTot = $('videoCurrentTimeHolder').getStyle('width').toInt();
	elWidth = $(elmId).getStyle('width').toInt();
	
	percEl = (elWidth*100)/elWidthTot;

	//$('jlog_res').set('html', elWidth);
	restwidth = 100 - percEl;
	if (value > restwidth) {
		$(elmId).setStyle('left', restwidth + '%');
	} else {
		$(elmId).setStyle('left', value + '%');	
	}
}

function onPlayerError(errorCode) {
	alert("An error occured of type:" + errorCode);
}

function onPlayerStateChange(newState) {
switch(newState) {
case 0://Finish
	jHideIt('pausebtn');
	jShowIt('playbtn');
	$('jlog_res').removeClass('ajax-loading');
	break;
case 1://Play
	jHideIt('playbtn');
	jShowIt('pausebtn');
	jTranspIt('videoSeekHolder');
	$('jlog_res').removeClass('ajax-loading');

	if(ytplayer && ytplayer.getDuration) {
	
	new Slider( $('videoCurrentTimeHolder'),  $('videoCurrentTimeHolder').getElement('.knob'), {
		steps: 100,	// There are 255 steps
		wheel: true, // Using the mousewheel is possible too
		range: [0,100],	// Minimum value is 8
		onChange: function(value){
			possec = (parseInt(ytplayer.getDuration()) * value)/100;
			seekVideo (possec);
		}
	}).set(jSeekHolder.getStyle('opacity').toInt());
	}
	
	break;
case 2://Pause
	jHideIt('pausebtn');
	jShowIt('playbtn');
	$('jlog_res').removeClass('ajax-loading');
	break;
case 3://Loading
	$('videoDuration').set('html', '...buffer');
	$('videoCurrentTimeText').set('html', '');
	jHideIt('playbtn');
	jHideIt('pausebtn');
	$('jlog_res').empty().addClass('ajax-loading');
	break;
case 5://En cola
	$('videoDuration').set('html', '...ready!');
	$('videoCurrentTimeText').set('html', '');
	jShowIt('playbtn');
	jHideIt('pausebtn');
	jTranspIt('videoSeekHolder');
	break;
default://Ready
	//document.getElementById(elmId).innerHTML = value;
	jShowIt('playbtn');
	jShowIt('pausebtn');
}
}

function updatePlayerInfo() {
	// Also check that at least one function exists since when IE unloads the
	// page, it will destroy the SWF before clearing the interval.
	if(ytplayer && ytplayer.getDuration) {
		var perc= (ytplayer.getCurrentTime()/ytplayer.getDuration())*100;
		var mDuration = parseInt(ytplayer.getDuration());
		var mCurrent = parseInt(ytplayer.getCurrentTime());
		var isMuted = ytplayer.isMuted();
		var minDurationVar = Math.floor(mDuration/60);  // The minutes
		var	secDurationVar = mDuration % 60;

		if (mCurrent > 0) {
			if (minDurationVar > 0) {
				$('videoDuration').set('html', minDurationVar + 'm ' + secDurationVar + 's');
			} else {
				$('videoDuration').set('html', secDurationVar + 's');
			}
			var minCurrentVar = Math.floor(mCurrent/60);  // The minutes
			var	secCurrentVar = mCurrent % 60; 
			if (minCurrentVar > 0) {
			$('videoCurrentTimeText').set('html', minCurrentVar + 'm ' + secCurrentVar + 's');
			} else {
			$('videoCurrentTimeText').set('html', secCurrentVar + 's');
			}
			jUpdatePosTen("videoSeekHolder", perc);
			jUpdateBar("videoCurrentTime", perc);
		}

		//updateHTML("bytesTotal", ytplayer.getVideoBytesTotal());
		//updateHTML("startBytes", ytplayer.getVideoStartBytes());
		//updateHTML("bytesLoaded", ytplayer.getVideoBytesLoaded());
		//updateHTML("volume", ytplayer.getVolume());
	}
}

function setVideoVolume() {
var volume = parseInt(document.getElementById("volumeSetting").value);
if(isNaN(volume) || volume < 0 || volume > 100) {
		alert("Please enter a valid volume between 0 and 100.");
	} else if(ytplayer){
		ytplayer.setVolume(volume);
	}
}

function seekVideo(posec) {
	if (ytplayer) {
		ytplayer.seekTo(posec, true);
	}
}

function playVideo() {
	if (ytplayer) {
		ytplayer.playVideo();
	}
}

function pauseVideo() {
	if (ytplayer) {
		ytplayer.pauseVideo();
	}
}

function muteVideo() {
	jHideIt("mutebtn");
	jShowIt("unmutebtn");
	if(ytplayer) {
		ytplayer.mute();
	}
}

function unMuteVideo() {
	jHideIt("unmutebtn");
	jShowIt("mutebtn");
	if(ytplayer) {
		ytplayer.unMute();
	}
}

function onYouTubePlayerReady(playerId) {
	ytplayer = document.getElementById("ytPlayer");
	// This causes the updatePlayerInfo function to be called every 333 ms to get fresh data from the player
	setInterval(updatePlayerInfo, 333);
	updatePlayerInfo();
	ytplayer.addEventListener("onStateChange", "onPlayerStateChange");
	//ytplayer.addEventListener("onError", "onPlayerError");
	if (ytplayer.getDuration) {
		var el = $('videoCurrentTimeHolder'),
		jSeekHolder = $('videoSeekHolder');			
	}
	
	new Slider(el, el.getElement('.knob'), {
		steps: 100,	// There are 255 steps
		wheel: true, // Using the mousewheel is possible too
		range: [0,100],	// Minimum value is 8
		onChange: function(value){
			possec = (parseInt(ytplayer.getDuration()) * value)/100;
			seekVideo (possec);
		}
	}).set(jSeekHolder.getStyle('opacity').toInt());
	//Load an initial video into the player
	ytplayer.cueVideoById("NI1LQ-yMkyU");
}

// The "main method" of this sample. Called when someone clicks "Run".
function loadPlayer() {
	var params = { allowScriptAccess: "always" };
	var atts = { id: "ytPlayer" };
	swfobject.embedSWF("http://www.youtube.com/apiplayer?" +
					"&enablejsapi=1&playerapiid=ytplayer",
					"videoDiv", "592", "364", "8", null, null, params, atts);

}

function loadVideo(){
	var selectBox = document.getElementById("videoSelection");
	var videoID = selectBox.options[selectBox.selectedIndex].value;
	if (ytplayer) {
		ytplayer.loadVideoById(videoID);
	}
	jHideIt("playbtn");
	jShowIt("pausebtn");
}

function jLoadVideo(){
	var selectBox = document.getElementById("videoSelection");
	var videoID = selectBox.options[selectBox.selectedIndex].value;
	if (ytplayer) {
		ytplayer.loadVideoById(videoID);
	}
	jHideIt("playbtn");
	jShowIt("pausebtn");
}
	/* yt api end */