var loadPageCounter           = 0;
var currentLargeTeaser        = 0;
var currentLargeTeaserName    = "";
var currentlargeFlashTeasers  = 0;
var currentTopicRightTeaser = 0;
var currentTopicLeftTeaser = 0;
var standardRightGroup        = 0;
var currentMainTeaser         = 0;
var standardLeftTeaserGroup   = 0;
var largeFlashTeasers         = new Array();
var largeBasicTeasers         = new Array();
var largeBasicTeasersPreload  = new Image();
var currentLargeTeaserImage   = "";
var nextLargeTeaserImage      = "";
var largeTeaserArray          = new Array();
var currentTopicLeftTeaser = 0;
var currentTopicRightTeaser = 0;
var thumbhtml="";
var thumbHighhtml="";
var largeTeaserArrayNum    = new Array();
var largeTeaserArrayNumP1    = new Array();
var largeTeaserArrayNumP2    = new Array();
var largeTeaserArrayNumP3    = new Array();
var largeTeaserArrayNumPX    = new Array();
var largeTeaserArray    = new Array();
var topicLeftTeaserArray    = new Array();
var topicRightTeaserArray    = new Array();
var mainTeaser="";
var loader;
var mainTeaseHTML = '';
var teaserLeft = 0;
var teaserRight = 0;
var teaserCentre = 0;

var myLargeTeaserArray    = new Array();
var myLargeTeaserArrayEntry0    = new Array();
var myLargeTeaserArrayEntry1    = new Array();
var myLargeTeaserArrayEntry2    = new Array();
var myLargeTeaserArrayEntry3    = new Array();

//myLargeTeaserArrayEntry = [0 - mainImage, 1 - mainTextleft, 2 - mainTexttop, 3 - mainText, 4 - mainTextSub, 5 - mainImageCaptionButton, 6 - Text Colour, 7 - Caption Width]
myLargeTeaserArrayEntry0=['_teaserpool/extra_large/home/img/135i_and_335i_Advanced_Driving_Cource.jpg',30,120,'THE LIMITS OF DYNAMIC PERFORMANCE.','BMW HIGH PERFORMANCE DRIVING.', 'Click here to read more.', '#FFFFFF', 650, 'Course.html?Link=link32'];
myLargeTeaserArrayEntry1=['_teaserpool/extra_large/home/img/xdrive_events.jpg',570,110,'COLLISION AVOIDANCE AND SKID CONTROL.','MORE SAFETY ON THE ROAD.', 'Click here to find out more.', '#000000', 480, 'Course.html?Link=link31'];
myLargeTeaserArrayEntry2=['_teaserpool/extra_large/home/img/5series_sedan_2010.jpg',660,155,'ADVANCED HIGH PERFORMANCE.','ENTER THE WORLD OF MOTORSPORT.', 'Click here to find out more.', '#FFFFFF', 480, 'Course.html?Link=link32'];
myLargeTeaserArrayEntry3=['_teaserpool/extra_large/home/img/driver_training_overview.jpg',50,310,'BMW DRIVER TRAINING COURSE INFORMATION AND PRICING. ','', 'Click here to read more.', '#FFFFFF', 650, 'files/BMW_Driver_Training_Course_Information_Brochure.pdf'];
//myLargeTeaserArrayEntry3=['_teaserpool/extra_large/home/img/5series_sedan_2010.jpg',660,155,'ADVANCED HIGH PERFORMANCE.','ENTER THE WORLD OF MOTORSPORT.', 'Click here to find out more.', '#FFFFFF', 480, 'Course.html?Link=link32'];

myLargeTeaserArray[0]=myLargeTeaserArrayEntry0;
myLargeTeaserArray[1]=myLargeTeaserArrayEntry1;
myLargeTeaserArray[2]=myLargeTeaserArrayEntry2;
myLargeTeaserArray[3]=myLargeTeaserArrayEntry3;

$(document).ready(function(){
    $('#mainImageHome, #mainImageCaption, #carousel, #mainImageCaptionButton').hover(
        function ()
        {
            $('#mainImageCaptionButton').css('backgroundColor','#003399');
        },
        function ()
        {
            $('#mainImageCaptionButton').css('backgroundColor','#000000');
        });
});

function changeTopicTeaser(TeaserNo, direction){
    //alert('TeaserNo ' + TeaserNo + '  position ' +teaserLeft + '  direction ' + direction);


    if (TeaserNo == '0'){// Left Set of Teasers
        if (direction=='left'){
            teaserLeft--;
        }else{
            teaserLeft++;
        }
        if (teaserLeft>2)teaserLeft=0;
        if (teaserLeft<0)teaserLeft=2;
        $('#topicTeaser000').css('display','none');
        $('#topicTeaser001').css('display','none');
        $('#topicTeaser002').css('display','none');
        var tmpInc = teaserLeft+3
        //alert(teaserLeft + '  show ' + tmpInc);
        $('#topicTeaser00'+teaserLeft).css('display','block');
        $('#topicTeaserLeftCurrentPage').html(teaserLeft+1);
    };


    if (TeaserNo == '1'){// Left Set of Teasers
        if (direction=='left'){
            teaserCentre--;
        }else{
            teaserCentre++;
        }
        if (teaserCentre>2)teaserCentre=0;
        if (teaserCentre<0)teaserCentre=2;
        $('#topicTeaser003').css('display','none');
        $('#topicTeaser004').css('display','none');
        $('#topicTeaser005').css('display','none');
        
        var tmpInc = teaserCentre+3
        //alert(teaserLeft + '  show ' + tmpInc);
        $('#topicTeaser00'+tmpInc).css('display','block');
        $('#topicTeaserCentreCurrentPage').html(teaserCentre+1);
    };

    if (TeaserNo == '2'){// Left Set of Teasers
        if (direction=='left'){
            teaserRight--;
        }else{
            teaserRight++;
        }
        if (teaserRight>2)teaserRight=0;
        if (teaserRight<0)teaserRight=2;
        $('#topicTeaser006').css('display','none');
        $('#topicTeaser007').css('display','none');
        $('#topicTeaser008').css('display','none');
        var tmpInc = teaserRight+6;
        //alert(teaserLeft + '  show ' + tmpInc);
        $('#topicTeaser00'+tmpInc).css('display','block');
        $('#topicTeaserRightCurrentPage').html(teaserRight+1);
    };
}

function getSequence(tempArr,num) {
    var arr = [];
    var teaserArr =tempArr ;
    var arrLength = num;
    var lotteryPot = [], i;
    for (i=0; i<teaserArr.length; ++i) {
        lotteryPot[lotteryPot.length] = i;
    }
    while (arr.length < arrLength) {
        i = lotteryPot[Math.floor(Math.randomize()*lotteryPot.length)];
        lotteryPot.remove(i);
        arr[arr.length] = teaserArr[i];
    }
    return arr;
}

function changeLargeTeaser(num){
    $('#mainImageHome').html(
        '<img src="'+myLargeTeaserArray[num][0]+'"/><br/><div id="mainImageUnderline">'
        );

    $('#blueThumb0').attr('src', '_common/html/img/palette/1x1_trans.gif');
    $('#blueThumb1').attr('src', '_common/html/img/palette/1x1_trans.gif');
    $('#blueThumb2').attr('src', '_common/html/img/palette/1x1_trans.gif');
    $('#blueThumb3').attr('src', '_common/html/img/palette/1x1_trans.gif');
    
    $('#thumbTitle0').css('color', '#000000');
    $('#thumbTitle1').css('color', '#000000');
    $('#thumbTitle2').css('color', '#000000');
    $('#thumbTitle3').css('color', '#000000');


    $('#mainImageCaptionHead').html(myLargeTeaserArray[num][3]);
    $('#mainImageCaptionSub').html(myLargeTeaserArray[num][4]);
    $('#mainImageCaptionHead').css('color', myLargeTeaserArray[num][6]);
    $('#mainImageCaption').css('width', myLargeTeaserArray[num][7]);
    $('#mainImageCaptionSub').css('color', myLargeTeaserArray[num][6]);
    $('#mainImageCaption').css('top',myLargeTeaserArray[num][2]);
    $('#mainImageCaption').css('left',myLargeTeaserArray[num][1]);
    $('#mainImageCaptionButton').fadeTo('fast','0.7');
    $('#mainImageCaptionButton').css('margin-top',10);
    $('#mainImageCaptionButton').css('left',myLargeTeaserArray[num][1]);
    $('#mainImageCaptionButton').css('backgroundColor','#000000');
    $('#mainImageCaptionButton').click(function(){       
        document.location=myLargeTeaserArray[num][8];
    });
    $('#mainImageHome').click(function(){
        document.location=myLargeTeaserArray[num][8];
    });
    $('#mainImageCaptionButton').html('<img src="_common/html/img/standard_elements/arrow_white.gif"/>'+myLargeTeaserArray[num][5]);
    switch(num){
        case 0: {
            $('#blueThumb0').attr('src', '_common/html/img/palette/1x1_003399.gif');
            $('#thumbTitle0').css('color', '#003399');
            break;
        }
        case 1: {
            $('#blueThumb3').attr('src', '_common/html/img/palette/1x1_003399.gif');
            $('#thumbTitle3').css('color', '#003399');
            break;
        }
        case 2: {
            $('#blueThumb2').attr('src', '_common/html/img/palette/1x1_003399.gif');
            $('#thumbTitle2').css('color', '#003399');
            break;
        }
        case 3: {
            $('#blueThumb1').attr('src', '_common/html/img/palette/1x1_003399.gif');
            $('#thumbTitle1').css('color', '#003399');
            break;
        }
    }

//myLargeTeaserArrayEntry = [0 - mainImage, 1 - mainTextleft, 2 - mainTexttop, 3 - mainText, 4 - mainTextSub, 5 - mainImageCaptionButton]
   
}
 
function prepareLargeTeaserImages(num){
    nextLargeTeaserImage = largeBasicTeasers[num];
    preLoadArray["12345"] = new Array();
    preLoadArray["12345"].push(nextLargeTeaserImage);
    preloader("12345");
}
	
function preLoadReady(ticketId){
    document.getElementById("teaserPlaceholder").src =currentLargeTeaserImage;
    document.getElementById("teaserPlaceholder").style.display = "block";
    document.getElementById("largeTeaserPreloadImage").style.display = "none";
}

function nextTeaser() {
    var teaserSWFObject = new SWFObject(wrapper_modules, "wrapperModules", "1024", "363", "8", "#FFFFFF");
    teaserSWFObject.addParam("allowScriptAccess", "sameDomain");
    teaserSWFObject.addParam("wmode", "transparent");
    teaserSWFObject.addParam("quality", "BEST");
    teaserSWFObject.write("largeTeaserFlash")
    if(!teaserSWFObject.write("largeTeaserFlash")){
        document.getElementById("largeTeaserFlash").style.display = "none";
        useLageFlashTeaser = false;
    }else{
        document.getElementById("largeTeaserFlash").style.display = "block";
        if ( browserId == "Firefox" && platform == "mac os x" && document.getElementsByTagName( 'embed' ).length > 0 ) {
            document.getElementById( 'teaserBgLine' ).style.MozOpacity = "1";
            alterCSSClass( '.largeTeaserLinkBackground, .largeTeaserLinkBackgroundActive, .largeTeaserLinkBackgroundTransparent ', '-moz-opacity', '1' );
            alterCSSClass( 'div#moduleNavigation', 'opacity', '1' );
        }
    }
}

function getContent()  {
    return largeFlashTeasers[currentlargeFlashTeasers];
}


//thumbnails change, Rollover
function rollOverThumb(num,state){
    if(state==1){
        document.getElementsByTagName('img')["blueThumb"+num].style.visibility="hidden";
        document.getElementById('largeTeaserThumbsHigh'+num).style.display="block";
        document.getElementById('largeTeaserThumb'+num).style.display="none";
        document.getElementById('largeTeaserThumbText'+num).style.visibility="visible";
    }else{
        document.getElementById('largeTeaserThumbsHigh'+num).style.display="none";
        document.getElementById('largeTeaserThumb'+num).style.display="block";
        document.getElementById('largeTeaserThumbText'+num).style.visibility="hidden";
    }
    document.getElementsByTagName('img')["blueThumb"+num].style.visibility= "visible";
}

function hidem(){
/*
 * If we have a thumbnail0 or Teaser0, then below line should be
 * for(x=0;x<4;x++){
 *
*/
    for(x=0;x<4;x++){
        document.getElementById('largeTeaserThumbsHigh'+x).style.display="none";
        document.getElementById('largeTeaserThumb'+x).style.display="block";
        document.getElementById('largeTeaserThumbText'+x).style.visibility="hidden";
    }
}

function checkSize(){
    for(cb=0;cb<4;cb++){
        document.getElementById('largeTeaserThumbText'+cb).style.visibility="hidden";
        thumbWidth=document.getElementById('largeTeaserThumbText'+cb).offsetWidth;
        thumbLeft=document.getElementById('largeTeaserThumb'+cb).offsetLeft;
        thumbHeight=document.getElementById('largeTeaserThumb'+cb).offsetHeight;
        largeLeft=thumbLeft-21;
        dif=112-thumbWidth;
        document.getElementById('largeTeaserThumbText'+cb).style.left=largeLeft-21+(Math.round(dif/2));
        document.getElementById('largeTeaserThumbText'+cb).style.top=thumbHeight+14;
    }
}