var xBigW =0;
var xMediumW =0;
var xSmallW =0;
var xMiddleW =0;
var xBigH =0;
var xSmallH =0;

var canAnimate = true;
var lastHovered = new Object();
var lastClass;
var gThis;
var timerIsOn= 0;
var t=new Object();

function xAnimateChange_SplitSlide(xA,xB,xC,xD,xE,xF){
    canAnimate = false;
    var xADone = false;
    var xBDone = false;
    var xCDone = false;
    var xDDone = false;
    var xEDone = false;
    var xFDone = false;
    var xTime = 300;
    MRA=0;
    MRB=0;
    MRC=0;
    MRD=0;
    MRE=0;
    MRF=0;
    if(xA=="xA"){
        MRA=0;
        MRB=xBigW;
        MRC=xBigW+xMediumW;
        MRD=0;
        MRE=xSmallW+1;
        MRF=xMiddleW+xSmallW+2;
        //
        MTA=0;
        MTB=0;
        MTC=0;
        MTD=xBigH+1;
        MTE=xBigH+1;
        MTF=xBigH+1;

    }
    if(xA=="xB"){
        MRA=xMediumW+1;
        MRB=0;
        MRC=xBigW+MRA;
        MRD=0;
        MRE=xSmallW+1;
        MRF=xMiddleW+xSmallW+2;
        //
        MTA=0;
        MTB=0;
        MTC=0;
        MTD=xBigH+1;
        MTE=xBigH+1;
        MTF=xBigH+1;
    }
    if(xA=="xC"){
        MRA=xMediumW+1;
        MRB=0;
        MRC=0;
        MRD=0;
        MRE=xSmallW+1;
        MRF=xMiddleW+xSmallW+2;
        //
        MTA=0;
        MTB=0;
        MTC=0;
        MTD=xBigH+1;
        MTE=xBigH+1;
        MTF=xBigH+1;
    }
    if(xA=="xD"){
        MRA=0;
        MRB=xBigW;
        MRC=MRB+xMediumW;
        MRD=0;
        MRE=xSmallW+1;
        MRF=xMiddleW+xSmallW+2;
        //
        MTA=xSmallH+1;
        MTB=xSmallH+1;
        MTC=xSmallH+1;
        MTD=0;
        MTE=0;
        MTF=0;
    }
    if(xA=="xE"){
        MRA=xMediumW+1;
        MRB=0;
        MRC=MRA+xBigW+1;
        MRD=0;
        MRE=xSmallW+1;
        MRF=xMiddleW+xSmallW+2;
        //
        MTA=xSmallH+1;
        MTB=xSmallH+1;
        MTC=xSmallH+1;
        MTD=0;
        MTE=0;
        MTF=0;
    }
    if(xA=="xF"){
        MRA=xMediumW+1;
        MRB=0;
        MRC=0;
        MRD=0;
        MRE=xSmallW+1;
        MRF=xMiddleW+xSmallW+2;
        //
        MTA=xSmallH+1;
        MTB=xSmallH+1;
        MTC=xSmallH+1;
        MTD=0;
        MTE=0;
        MTF=0;
    }
    $('.'+xA).animate({
        width:xBigW-1+'px',
        height : xBigH+'px',
        marginLeft : MRA+'px',
        marginTop: MTA+'px'
    },{
        duration: xTime,
        queue: false
    });
    $('.'+xA+' a').animate({
        width:xBigW*0.9+'px',
        marginLeft :'0px',
        marginTop: xBigH-xBigH*0.95+'px',
        fontSize: '24px'
    },{
        duration: xTime,
        queue: false
    });
    $('.'+xB).animate({
        width : xMediumW+'px',
        height : xBigH+'px',
        marginLeft : MRB+'px',
        marginTop: MTB+'px'
    },{
        duration: xTime,
        queue: false
    });
    $('.'+xB+' a').animate({
        width:xMediumW*0.9+'px',
        marginLeft : '0px',
        marginTop: xBigH-xBigH*0.95+'px',
        fontSize: '18px'
    },{
        duration: xTime,
        queue: false
    });
    $('.'+xC).animate({
        width : '0px',
        height : xBigH+'px',
        marginLeft : MRC+'px',
        marginTop: MTC+'px'
    },{
        duration: xTime,
        queue: false,
        complete: function(){
            if(lastClass=='.'+xC+' img'){
                $('.'+xC+' img').attr('src','');
                lastClass='';
            }
        }
    });
    $('.'+xD).animate({
        width : xSmallW+'px',
        height : xSmallH+'px',
        marginLeft : MRD+'px',
        marginTop: MTD+'px'
    },{
        duration: xTime,
        queue: false
    });
    $('.'+xD+' a').animate({
        width:xSmallW*0.9+'px',
        marginLeft : '0px',
        marginTop: xSmallH-xSmallH*0.95+'px',
        fontSize: '14px'
    },{
        duration: xTime,
        queue: false
    });
    $('.'+xE).animate({
        width : xMiddleW+'px',
        height : xSmallH+'px',
        marginLeft : MRE+'px',
        marginTop: MTE+'px'
    }, {
        duration: xTime,
        queue: false
    });
    $('.'+xE+' a').animate({
        width:xMiddleW*0.9+'px',
        marginLeft : '0px',
        marginTop: xSmallH-xSmallH*0.95+'px',
        fontSize: '14px'
    },{
        duration: xTime,
        queue: false
    });
    $('.'+xF).animate({
        width : xSmallW+'px',
        height : xSmallH+'px',
        marginLeft : MRF+'px',
        marginTop: MTF+'px'
    }, {
        duration: xTime,
        queue: false
    });
    $('.'+xF+' a').animate({
        width:xSmallW*0.9+'px',
        marginLeft : '0px',
        marginTop: xSmallH-xSmallH*0.95+'px',
        fontSize: '14px'
    },{
        duration: xTime,
        queue: false
    });
}
function xAnimateSlideshowA(xThis){
    var xFrom ='';
    lastHovered = xThis;
    if($(xThis).css('width')!=xBigW){
        if($(xThis).hasClass('xA')){
            xFrom = '.xC img';
            xFromB = '.xC a';
            lastClass = xFrom;
            if($('.xF img').attr('src')==""){
                $('.xF img').attr('src',$(xFrom).attr('src'));
                $('.xF a').attr('href',$(xFromB).attr('href'));
                $('.xF a').html($(xFromB).html());
            }else if($('.xD img').attr('src')==""){
                $('.xD img').attr('src',$(xFrom).attr('src'));
                $('.xD a').attr('href',$(xFromB).attr('href'));
                $('.xD a').html($(xFromB).html());
            }

            xAnimateChange_SplitSlide('xA','xB','xC','xD','xE','xF');
        }
        if($(xThis).hasClass('xB')){
            xFrom = '.xC img';
            xFromB = '.xC a';
            lastClass = xFrom;
            if($('.xA img').attr('src')==""){
                $('.xA img').attr('src',$(xFrom).attr('src'));
                $('.xA a').attr('href',$(xFromB).attr('href'));
                $('.xA a').html($(xFromB).html());
            }else if($('.xF img').attr('src')==""){
                $('.xF img').attr('src',$(xFrom).attr('src'));
                $('.xF a').attr('href',$(xFromB).attr('href'));
                $('.xF a').html($(xFromB).html());
            }else if($('.xD img').attr('src')==""){
                $('.xD img').attr('src',$(xFrom).attr('src'));
                $('.xD a').attr('href',$(xFromB).attr('href'));
                $('.xD a').html($(xFromB).html());
            }

            xAnimateChange_SplitSlide('xB','xA','xC','xD','xE','xF');
        }
        if($(xThis).hasClass('xC')){
            xFrom = '.xA img';
            xFromB = '.xA a';
            lastClass = xFrom;
            if($('.xF img').attr('src')==""){
                $('.xF img').attr('src',$(xFrom).attr('src'));
                $('.xF a').attr('href',$(xFromB).attr('href'));
                $('.xF a').html($(xFromB).html());
            }else if($('.xD img').attr('src')==""){
                $('.xD img').attr('src',$(xFrom).attr('src'));
                $('.xD a').attr('href',$(xFromB).attr('href'));
                $('.xD a').html($(xFromB).html());
            }

            xAnimateChange_SplitSlide('xC','xB','xA','xD','xE','xF');
        }
        if($(xThis).hasClass('xD')){
            xFrom = '.xF img';
            xFromB = '.xF a';
            lastClass = xFrom;
            if($('.xA img').attr('src')==""){
                $('.xA img').attr('src',$(xFrom).attr('src'));
                $('.xA a').attr('href',$(xFromB).attr('href'));
                $('.xA a').html($(xFromB).html());
            }else if($('.xC img').attr('src')==""){
                $('.xC img').attr('src',$(xFrom).attr('src'));
                $('.xC a').attr('href',$(xFromB).attr('href'));
                $('.xC a').html($(xFromB).html());
            }

            xAnimateChange_SplitSlide('xD','xE','xF','xA','xB','xC');
        }
        if($(xThis).hasClass('xE')){
            xFrom = '.xF img';
            xFromB = '.xF a';
            lastClass = xFrom;
            if($('.xD img').attr('src')==""){
                $('.xD img').attr('src',$(xFrom).attr('src'));
                $('.xD a').attr('href',$(xFromB).attr('href'));
                $('.xD a').html($(xFromB).html());
            }else if($('.xA img').attr('src')==""){
                $('.xA img').attr('src',$(xFrom).attr('src'));
                $('.xA a').attr('href',$(xFromB).attr('href'));
                $('.xA a').html($(xFromB).html());
            }else if($('.xC img').attr('src')==""){
                $('.xC img').attr('src',$(xFrom).attr('src'));
                $('.xC a').attr('href',$(xFromB).attr('href'));
                $('.xC a').html($(xFromB).html());
            }
            xAnimateChange_SplitSlide('xE','xD','xF','xA','xB','xC');
        }
        if($(xThis).hasClass('xF')){
            xFrom = '.xD img';
            xFromB = '.xD a';
            lastClass = xFrom;
            if($('.xA img').attr('src')==""){
                $('.xA img').attr('src',$(xFrom).attr('src'));
                $('.xA a').attr('href',$(xFromB).attr('href'));
                $('.xA a').html($(xFromB).html());
            }else if($('.xC img').attr('src')==""){
                $('.xC img').attr('src',$(xFrom).attr('src'));
                $('.xC a').attr('href',$(xFromB).attr('href'));
                $('.xC a').html($(xFromB).html());
            }

            xAnimateChange_SplitSlide('xF','xE','xD','xA','xB','xC');
        }

    }
}
function xTimerStartSlideA(){
    clearTimeout(t);
    timerIsOn = 0;
    if($('img',gThis).attr('src')!=""){
        xAnimateSlideshowA(gThis);
    }

}
function xSplitSlide(xWidth,xHeight){

    xBigW = Math.floor(xWidth*(60/100));//big box width
    xMediumW = xWidth - xBigW ;//medium  box width
    xSmallW = Math.floor(xWidth*(33/100));//small box width
    xMiddleW = xWidth-(xSmallW*2)-2;// middle small box width
    xBigH = Math.floor(xHeight*(55/100));//big and medium boxes height
    xSmallH = Math.floor(xHeight*(45/100));//rest of boxes height
    //animate to new Width and Height
    xAnimateChange_SplitSlide('xA','xB','xC','xD','xE','xF');
   
    $(".xSlideshow div").mouseenter(function(){
        gThis = this;
        if(timerIsOn==0){
            timerIsOn = 1;
            t = setTimeout("xTimerStartSlideA();",310);
        }
    });
}