// JavaScript Document

var encBannerWidth = 900; //width
var encTransitionType = "fade";  //com els banners canvien entre ells
var encNumOfImages = 7;  //número de banners
var encImageArray = new Array("http://www.xargayo.es/img/banners/pernils2_esp.jpg", "http://www.xargayo.es/img/banners/formatges_esp.jpg", "http://www.xargayo.es/img/banners/embotits_esp.jpg", "http://www.xargayo.es/img/banners/conserves_esp.jpg", "http://www.xargayo.es/img/banners/pernils_esp.jpg", "http://www.xargayo.es/img/banners/embotits2_esp.jpg", "http://www.xargayo.es/img/banners/conserves2_esp.jpg");
var encThumbNailImageArray = new Array("http://www.cqbcat.com/img/inici/banners/banner_dona_mini.png", "http://www.cqbcat.com/img/inici/banners/banner_pistola_mini.png", "http://www.cqbcat.com/img/inici/banners/banner_inaugurat_mini.png", "http://www.cqbcat.com/img/frontBanner/large/img_4.jpg");
var encAutoRotateBanner = true;   
var encAutoRotateTimeout = 5000;  
var encEnableFooter = false;   //enable disable the footer
var encDisableTextsAll = false;  //text of the footer
var encEnableThumbImageLink = true;  //link to the footers
var encEnableDescription = true;   //description footer
var encEnableReadMore = false;   //readmore footer

var encBannerTexts = new Array(4);

encBannerTexts[0] = new Array(3);
encBannerTexts[0][0] = "PARTIDAS ABIERTAS TODOS LOS DIAS DE LA SEMANA";
encBannerTexts[0][1] = "Todavía no lo has probado ?";
encBannerTexts[0][2] = "http://www.google.com";

encBannerTexts[1] = new Array(3);
encBannerTexts[1][0] = "APUNTA Y DISPARA !";
encBannerTexts[1][1] = "Descubre una nueva forma de jugar";
encBannerTexts[1][2] = "http://www.yahoo.com";

encBannerTexts[2] = new Array(3);
encBannerTexts[2][0] = "CQBCAT INAUGURADO";
encBannerTexts[2][1] = "Ya puedes reservar tu partida a CQBCAT!";
encBannerTexts[2][2] = "http://www.bing.com";

encBannerTexts[3] = new Array(3);
encBannerTexts[3][0] = "HAZTE SOCIO";
encBannerTexts[3][1] = "Matrícula gratis hasta la apertura";
encBannerTexts[3][2] = "http://www.msn.com";

/*
 * STOP !
 * WARNING !!!!
 * pLease do not change the below variables.
 * Thosea are private variables and used for runtime configuration
 */
var encBusy = false;
var encCurrentBanner = -1;
var encImg = new Array(encNumOfImages);
var encThumbs = new Array(encNumOfImages);
/*
 *  THANK YOU for leaving them.
 */
 
 onload=function()
{
    encLoadBannerEsp();
}

encLoadBannerEsp = function()
{
    encImg = encPreloadImages(encImageArray, encNumOfImages);
    if(encEnableFooter)
    {
        encThumbs = encPreloadImages(encThumbNailImageArray, encNumOfImages);        
    }
    
    $("#bannerBody").html("");
    
    $("div#bannerContainerCover").css("background-image", "url(" + encImg[encImg.length-1].src + ")");
    encTransformBanner(0);
    
    if(encEnableFooter)
    {
        var tmpCellWidth = Math.floor(encBannerWidth/encNumOfImages);
        var tmpLastCellWidth = tmpCellWidth + (encBannerWidth%encNumOfImages);
        
        var footerContents = "<table cellpadding='0' cellspacing='0' width='" + encBannerWidth + "' align='center'><tr>";
        for(i=0; i<encNumOfImages; i++)
        {
            if((i+1) == encNumOfImages)
                footerContents += "<td class='footerCell' width='" + tmpCellWidth + "'>";
            else
                footerContents += "<td class='footerCell' width='" + tmpLastCellWidth + "'>";
                
            footerContents += "<div class='imgBgDiv_i'><div id='thumbDiv_" + i + "' class='imgDiv' style='background:url("http://xargayo.cat/include/banners/ + encThumbs[i].src + ") 0px 0px no-repeat;'></div></div>";
            footerContents += "<ul id='footerContents_" + i + "'>";
            footerContents += "<li class='footerTitle'></li>";
            footerContents += "<li class='footerDesc'></li>";
            footerContents += "<li class='footerLink'></li>";
            footerContents += "</ul>";
            footerContents += "</td>";
        }
        footerContents += "</tr></table>";
        $("#bannerFooterNav").html(footerContents);
        $("#bannerFooter").fadeTo("fast", 0.4);
        showFooter();
        $(".imgDiv").fadeTo("fast", 0.75);
    }
    
    
    if(! encDisableTextsAll && encEnableFooter)
    {
        for(i=0; i<encNumOfImages; i++)
        {
            $(".footerTitle:eq(" + i + ")").html(encBannerTexts[i][0]);
            if(encEnableDescription) $(".footerDesc:eq(" + i + ")").html(encBannerTexts[i][1]);
            if(encBannerTexts[i][2] != "" & encEnableReadMore)
            {
                $(".footerLink:eq(" + i + ")").html("<div class='bttnMore'><a href='http://xargayo.cat/include/banners/&quot;&#32;+&#32;encBannerTexts[i][2]&#32;+&#32;&quot;'>&nbsp;</a></div>");
            }
        } 
    }
    
    if(encEnableThumbImageLink && encEnableFooter)
    {
        for(i=0; i<encNumOfImages; i++)
        {
            link = encBannerTexts[i][2];
            $("#thumbDiv_" + i).attr("onclick", "window.location.href='" + link + "'")
        }
    }
    
    if(encEnableFooter)
    {
        a=0;
        $(".imgDiv").each(function()
        {
            var ids = a;
            $(this).mouseover(function()
            {
                $(this).fadeTo("fast", 1);
                var cssObj = {"margin-top": "0px", "margin-bottom": "2px"}
                $(this).css(cssObj);
                encBusy = true;
                encTransformBanner(ids);
                $(document).pngFix();
            })
            a++;
        }).mouseout(function() {
           $(this).fadeTo("fast", 0.75);
           var cssObj = {"margin-top": "2px", "margin-bottom": "0px"}
           $(this).css(cssObj);
           encBusy = false;
           $(document).pngFix();
        });
        
        $(document).pngFix(); 
    }
    
    if(encAutoRotateBanner)
    {
        var tmpBannerTimer = setTimeout("encAutorotate(0)", encAutoRotateTimeout);
    }
}

showFooter=function()
{
    $("div#bannerFooter").animate({ width: '900px', opacity: '0.5' }, 'slow');
}

encTransformBanner = function(ids)
{
    encCurrentBanner = ids;
    var currentBg = $("div#bannerContainerCover").css("background-image");
    $("div#bannerContainer").css("background-image", currentBg);
    
    var cssObj = {"opacity": "0.1", "background-repeat": "no-repeat", "background-image": "url(" + encImg [ids].src + ")"}
    $("div#bannerContainerCover").css(cssObj);
    
    if(encTransitionType == "slide")
    {     
        $("div#bannerContainerCover").css("background-position", "-50px 0");                
        $("div#bannerContainerCover").stop().animate({backgroundPosition:"(0 0)", opacity:"1"}, {duration:600});
    }    
    else if(encTransitionType == "slideDown")
    {      
        $("div#bannerContainerCover").css("background-position", "0 -50px");                
        $("div#bannerContainerCover").stop().animate({backgroundPosition:"(0 0)", opacity:"1"}, {duration:600});
    }
    else
    {      
        $("div#bannerContainerCover").stop().animate({opacity:"1"}, {duration:1000});
    }
}

encAutorotate = function(bannerID)
{
    if(encCurrentBanner > -1)
    {
        bannerID = encCurrentBanner;
        encCurrentBanner = -1;
    }
    
    if(!encBusy)
    {
        if(bannerID < (encNumOfImages-1) && bannerID >= 0)
            bannerID++;
        else
            bannerID =0;
            
        encTransformBanner(bannerID);
    }
    
    var tmpBannerTimer = setTimeout("encAutorotate(" + bannerID + ")", encAutoRotateTimeout);
}

encPreloadImages = function(images, size)
{
    var tmpArray = new Array(size);
    for(i=0; i<size; i++)
    {
        tmpArray[i]      = new Image;
        tmpArray[i].src  = images[i];
    }
    return tmpArray;
}