//http://www.ozzu.com//js/global.js
//http://www.ozzu.com

/** Para el Head 
incluir los siguientes js 
<script type="text/javascript" src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script>
<script type="text/javascript" src="/js/publicidad.js"></script> **/

/** Para CSS 
.fixed{position:fixed;} **/

/***
<div class=sysVideos id="container">

	<div class="izquierda" id="f_contenedor_izquierdo" >
		CONTENIDO PARTE IZQUIERDA
		
		</div>
	<script type="text/javascript"> 
$("#f_contenedor_izquierdo img[title]").tooltip({ offset: [10, 2], effect: 'slide'}).dynamic({ bottom: { direction: 'down', bounce: true } }); // initialize tooltip 	
</script>
<div class="derecha" id="f_derecho">

</div>

</div> // Fin container


*/
$(document).ready(function () {
	
	var triggerY, triggerY2;
	IntializeScrollTriggers();  
	$(window).resize(function() {
		IntializeScrollTriggers();
	});  	
	$(window).scroll(function (event) {
		IntializeScrollTriggers();
		var  ancho;
		ancho =(($(this).width() - $('#container').width() - $('#f_derecho').width() )/ 2) + $('#container').width();
		ancho2 =(($(this).width() )/ 2) - 498;		
		var scrollX = $(this).width();
		if($('#container').width() > scrollX) {	 $('#f_derecho').removeClass('fixed').css('left', '').css('bottom', '');  $('#f_contenedor_izquierdo').removeClass('fixed').css('left', '').css('bottom', ''); 	}
		
		else if($('#container').height() > $('#f_derecho').height()) { 
			
				if($('#f_derecho').height() > $(this).height()) {
				
					triggerY2 = $('#container').height() -   ($('#footer-bottom').height()+ $('#footer').height() + 97);
					var scrollY = $(this).scrollTop() + $(this).height();
					if (scrollY >= triggerY) {		$('#f_derecho').addClass('fixed').css('left', parseFloat(ancho+5));
						if(scrollY >= triggerY2) {	$('#f_derecho').css('bottom', ($('#footer-bottom').height()+ $('#footer').height() + 97));					
							}
						else {			
							$('#f_derecho').css('bottom', '0px');
					
						}
					} else {
						$('#f_derecho').removeClass('fixed').css('left', '').css('bottom', '');
					
					}
				}
				else {
					var scrollY = $(this).scrollTop();
					if (scrollY >= triggerY) {
						$('#f_derecho').addClass('fixed').css('left', parseFloat(ancho)).css('top', '10px');
					}
					else {
						$('#f_derecho').removeClass('fixed').css('left', '').css('top', '');
					
					}
				}
			
				if($('#f_contenedor_izquierdo').height() > $(this).height()) {
				
					triggerY2 = $('#container').height() -   ($('#footer-bottom').height()+ $('#footer').height() + 80);
					var scrollY = $(this).scrollTop() + $(this).height();
					if (scrollY >= triggerY) {
						
						$('#f_contenedor_izquierdo').addClass('fixed').css('left', parseFloat(ancho2));																	
						
						if(scrollY >= triggerY2) {	$('#f_contenedor_izquierdo').css('bottom', ($('#footer-bottom').height()+ $('#footer').height() + 80));	}
						else { $('#f_contenedor_izquierdo').css('bottom', '0px'); }
					} else { $('#f_contenedor_izquierdo').removeClass('fixed').css('left', '').css('bottom', '');	}
				}
				else {
					var scrollY = $(this).scrollTop();
					if (scrollY >= triggerY) {
						$('#f_contenedor_izquierdo').addClass('fixed').css('left', parseFloat(ancho2)).css('top', '');
					}
					else {
						
						$('#f_contenedor_izquierdo').removeClass('fixed').css('left', '').css('top', '');
					}
				}
				
					
			}
			
		});
	
	function IntializeScrollTriggers() {
	
		$('#f_derecho').removeClass('fixed').css('left', '').css('bottom', '').css('top', '');			
		if($('#f_derecho').height() > $(this).height()) {
			triggerY2 = $('#container').offset().top + $('#container').height() - parseFloat($('#container').css('marginTop').replace(/auto/, 0));
			triggerY = $('#f_derecho').offset().top + $('#f_derecho').height() - parseFloat($('#f_derecho').css('marginTop').replace(/auto/, 0));
		}
		else {	triggerY = $('#f_derecho').offset().top - 10 - parseFloat($('#f_derecho').css('marginTop').replace(/auto/, 0));	}		
		if($('#f_derecho').hasClass('fixed')) {		
			$('#f_derecho').css('left', parseFloat($('#f_contenedor_izquierdo').width()) + 10);
		}
	}
});