/* 
	SPHE JS Home
	© 2010 IntelyGenZ - www.intelygenz.com 
    version 0.2 [03.08.2010]

	Necesita de 
	jquery.js 
	jquery.jcarousel.pack.js
	jquery.cycle.all.js

*/



	/*--- Funciones Carrusel ---*/

jQuery.noConflict();

jQuery(document).ready(function() {


		/* Función para iniciar Carrusel */
		
    jQuery('#mycarousel').jcarousel({
        size: mycarousel_itemList.length,
        scroll: 1,
        auto: 8,
        wrap: 'both',
        
        //initCallback: mycarousel_initCallback, 
        
        itemLoadCallback: {onBeforeAnimation: mycarousel_itemLoadCallback},

				itemLastOutCallback: {
				  onAfterAnimation: EfectosCapasCarrusel
				}

    });

		/* Funcion para efecto BannerSup */

		jQuery('#bannerSup').cycle({
			fx:			'fade'
			,timeout:	'8000'
			,speed:		'2000'
			,height:	'325'
		});

    
});



function EfectosCapasCarrusel(){

  jQuery('div[id^=Box_Capa2_]').hide();
 
  jQuery('div[id^=Box_Capa1_]').mouseover(function() {
    var idCapa = jQuery(this).attr("id");
    var a_capa = idCapa.split("_");
    var idItem = a_capa[2];
		
   jQuery('div[id^=Box_Capa2_'+idItem+']').css({"display":"block"});
   
   
    return false;
  });
  

  jQuery('div[id^=Box_Capa1_]').mouseout(function() {
    var idCapa = jQuery(this).attr("id");
    var a_capa = idCapa.split("_");
    var idItem = a_capa[2];
    
    jQuery('div[id^=Box_Capa2_'+idItem+']').hide();
    
    return false;
  });
	
}

function mycarousel_itemLoadCallback(carousel, state) {
    for (var i = carousel.first; i <= carousel.last; i++) {
        if (carousel.has(i)) {
            continue;
        }
        if (i > mycarousel_itemList.length) {
            break;
        }
        carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList[i-1]));
    }

    EfectosCapasCarrusel();
    
};

function mycarousel_getItemHTML(item) {

    var sHtml = '';

		sHtml +='<DIV id="Box_Capa1_'+item.idPeli+'" class="CarruselCajaCapa1">'

		  sHtml +=	'<div class="CarruselConten">'
			sHtml +=		'<div class="CarruselFoto">'
			sHtml +=			'<img src="'+sMonthPath+item.idPeli+'.jpg" alt="'+item.titulo+'" />'
			sHtml +=		'</div>'
		  sHtml +=	'</div>'

			sHtml +=	'<div class="CarruselTitulo">'
			sHtml +=		item.titulo
			sHtml +=		'<span>Lanzamiento: <strong>'+item.fecha+'</strong></span>'
			sHtml +=	'</div>'
				
			sHtml +=	'<div class="CarruselCarat"><table border="0" cellpadding="0" celpadding="0"><tr><td>'
			sHtml +=		'<img src="'+sMonthPath+item.idPeli+'.gif" alt="'+item.titulo+'" />'
			sHtml +=	'</td></tr></table></div>'

			sHtml +=	'<DIV id="Box_Capa2_'+item.idPeli+'" class="CarruselCajaCapa2">'
			sHtml +=		'<div class="CarruselCC2Conten">'+item.formatos+'</div>'
			sHtml +=	'</DIV>'

		sHtml +='</DIV>'

  	return sHtml;

};