var maxpanel = 8;
var currentpanel = 1;
var itemnumsave;
//var divcount = document.getElementById('ctl00_MainContent_divcount').value;
//alert(document.getElementById('ctl00_MainContent_divcount').value);
//alert(divcount);
//if (divcount <= 5) {
//    $('.mainrightarrow').hide();
//    $('.mainleftarrow').hide();
//}
function changecolour(itemnum) {
    itemnumsave = itemnum;
    var i = 0;
    while (i < maxpanel) {
        ++i;

        $("span[rel='date" + i + "']").removeClass();
        $("span[rel='date" + i + "']").addClass('diarytxtday textblack');

        $("span[rel='month" + i + "']").removeClass();
        $("span[rel='month" + i + "']").addClass('diarytxtyear textblack');

        $("span[rel='smalltext" + i + "']").removeClass();
        $("span[rel='smalltext" + i + "']").addClass('diarytxtsmalltitle textgrey');

        $("span[rel='bigtext" + i + "']").removeClass();
        $("span[rel='bigtext" + i + "']").addClass('diarytxtbigitalictitle textgrey');

        $("span[rel='desc" + i + "']").removeClass();
        $("span[rel='desc" + i + "']").addClass('diarytxtdesc textblack');

        $("span[rel='desccont" + i + "']").removeClass();
        $("span[rel='desccont" + i + "']").addClass('diarytxtdesc textgrey');

        $("table[rel='table" + i + "']").removeClass();
        $("table[rel='table" + i + "']").addClass('tablebgwhite');

        $("img[rel='doubleline" + i + "']").attr("src", "/images/images/doublegreybar.jpg");


    }

    $("span[rel='date" + itemnum + "']").removeClass();
    $("span[rel='date" + itemnum + "']").addClass('diarytxtday textwhite');

    $("span[rel='month" + itemnum + "']").removeClass();
    $("span[rel='month" + itemnum + "']").addClass('diarytxtyear textwhite');

    $("span[rel='smalltext" + itemnum + "']").removeClass();
    $("span[rel='smalltext" + itemnum + "']").addClass('diarytxtsmalltitle textwhite');

    $("span[rel='bigtext" + itemnum + "']").removeClass();
    $("span[rel='bigtext" + itemnum + "']").addClass('diarytxtbigitalictitle textwhite');

    $("span[rel='desc" + itemnum + "']").removeClass();
    $("span[rel='desc" + itemnum + "']").addClass('diarytxtdesc textwhite');

    $("span[rel='desccont" + itemnum + "']").removeClass();
    $("span[rel='desccont" + itemnum + "']").addClass('diarytxtdesc textwhite');

    $("table[rel='table" + itemnum + "']").removeClass();
    $("table[rel='table" + itemnum + "']").addClass('tablebg');

    $("img[rel='doubleline" + itemnum + "']").attr("src", "/images/images/doublegreybar2.jpg");


    $("#pagenum").html("&lt; " + itemnum + "/" + maxpanel + " &gt;");

}





//function sliderleft () {
//	//rafflesdiarycontentall
//	if (currentpanel < maxpanel) {
//		currentpanel +=1;
//		$("#leftarrow").css({ opacity: 1 });
//		$('.rafflesdiarycontentall').animate({
//			left: '-=186'
//		  }, 500);
//	} 
//	
//}

//function sliderright () {
//	if (currentpanel > -3) {
//	currentpanel -=1;
//	$("#rightarrow").css({ opacity: 1 });
//	$('.rafflesdiarycontentall').animate({
//		left: '+=186'
//	  }, 500);
//	}
//}

function sliderright() {
    var divcount = document.getElementById('ctl00_MainContent_divcount').value;
    //rafflesdiarycontentall
    if (divcount <= 5) {
        $('.mainrightarrow').hide();
        $('.mainleftarrow').hide();
    } else {
        if (currentpanel >= 1) {
            $('.mainrightarrow').show();
        }
        if (currentpanel < maxpanel) {
            currentpanel += 1;
            $("#leftarrow").css({ opacity: 1 });
            $('.rafflesdiarycontentall').animate({
                left: '-=186'
            }, 500);
        }
        if (currentpanel == (divcount - 4)) {
            $('.mainrightarrow').hide();
            $('.mainleftarrow').show();
        }
        else {
            $('.mainrightarrow').show();
            $('.mainleftarrow').show();
        }
    }

}

function sliderleft() {
    var divcount = document.getElementById('ctl00_MainContent_divcount').value;
    if (divcount <= 5) {
        $('.mainrightarrow').hide();
        $('.mainleftarrow').hide();
    } else {
        if (currentpanel == 1) {
            $('.mainleftarrow').hide();
        } else {
            $('.mainrightarrow').show();
            if (currentpanel > -3) {
                currentpanel -= 1;
                $("#rightarrow").css({ opacity: 1 });
                $('.rafflesdiarycontentall').animate({
                    left: '+=186'
                }, 500);
            }
            if (currentpanel == (divcount - 4)) {
                $('.mainrightarrow').hide();
                $('.mainleftarrow').show();
            }
        }
    }
}

var currentminuspanel1 = maxpanel - 1;
var currentminuspanel2 = maxpanel - 2;
var currentpanel1a = maxpanel - 1;
var currentpanel2a = maxpanel - 2;
var currentpanel3a = maxpanel - 3;
var currentpanel4a = maxpanel - 4;

function rearrangepanel() {

    if (itemnumsave == maxpanel) {

        columnleftimg = "/images/images/sampleimage" + currentpanel2a + ".jpg";
        column1img = "/images/images/sampleimage" + currentpanel1a + ".jpg";
        column2img = "/images/images/sampleimage" + maxpanel + ".jpg";
        column3img = "/images/images/spacer.gif";
        columnrightimg = "/images/images/spacer.gif";
    } else if (itemnumsave == currentminuspanel1) {
        columnleftimg = "/images/images/sampleimage" + currentpanel3a + ".jpg";
        column1img = "/images/images/sampleimage" + currentpanel2a + ".jpg";
        column2img = "/images/images/sampleimage" + currentpanel1a + ".jpg";
        column3img = "/images/images/sampleimage" + maxpanel + ".jpg";
        columnrightimg = "images/spacer.gif";
    } else if (itemnumsave == currentminuspanel2) {

        columnleftimg = "/images/images/sampleimage" + currentpanel4a + ".jpg";
        column1img = "/images/images/sampleimage" + currentpanel3a + ".jpg";
        column2img = "/images/images/sampleimage" + currentpanel2a + ".jpg";
        column3img = "/images/images/sampleimage" + currentpanel1a + ".jpg";
        columnrightimg = "/images/images/sampleimage" + maxpanel + ".jpg";
    } else if (itemnumsave == 1) {

        columnleftimg = "/images/images/spacer.gif";
        column1img = "/images/images/spacer.gif";
        column2img = "/images/images/sampleimage1.jpg";
        column3img = "/images/images/sampleimage2.jpg";
        columnrightimg = "/images/images/sampleimage3.gif";
    } else if (itemnumsave == 2) {

        columnleftimg = "/images/images/spacer.gif";
        column1img = "/images/images/sampleimage1.jpg";
        column2img = "/images/images/sampleimage2.jpg";
        column3img = "/images/images/sampleimage3.jpg";
        columnrightimg = "/images/images/sampleimage4.jpg";
    } else if (itemnumsave == 3) {

        columnleftimg = "/images/images/sampleimage1.jpg";
        column1img = "/images/images/sampleimage2.jpg";
        column2img = "/images/images/sampleimage3.jpg";
        column3img = "/images/images/sampleimage4.jpg";
        columnrightimg = "/images/images/sampleimage5.jpg";
    } else {

        displaypanel1 = itemnumsave - 2;
        displaypanel2 = itemnumsave - 1;
        displaypanel3 = itemnumsave + 1;
        displaypanel4 = itemnumsave + 2;

        columnleftimg = "/images/images/sampleimage" + displaypanel1 + ".jpg";
        column1img = "/images/images/sampleimage" + displaypanel2 + ".jpg";
        column2img = "/images/images/sampleimage" + itemnumsave + ".jpg";
        column3img = "/images/images/sampleimage" + displaypanel3 + ".jpg";
        columnrightimg = "/images/images/sampleimage" + displaypanel4 + ".jpg";
    }
    $("img[rel='rafflesdiarycolumnleft']").attr("src", columnleftimg);
    $("img[rel='rafflesdiarycolumn1']").attr("src", column1img);
    $("img[rel='rafflesdiarycolumn2']").attr("src", column2img);
    $("img[rel='rafflesdiarycolumn3']").attr("src", column3img);
    $("img[rel='rafflesdiarycolumnright']").attr("src", columnrightimg);
}

var switchview1;
function switchview() {

    if (switchview1 != 1) {

        switchview1 = 1;

        itemnum = itemnumsave;

        rearrangepanel();
        $("img[rel='rafflesdiaryimg']").attr("src", "/images/images/mainpagedoubleline2.jpg");
        $('.mainrightarrow').hide();
        $('.mainleftarrow').hide();
        $('.rafflesdiarybox').hide();

        $('.rafflesdiarycolumnblankleft').show();
        $('.rafflesdiarycolumnblankright').show();

        $('.controlbox').fadeIn('fast');
        $('.controlboxbtm').fadeIn('fast');
        $('.controlboxtitle').fadeIn('fast');
        $('.controlbackground').fadeIn('fast');
        $('.controlboxday').fadeIn('fast');
        $('.controlboxyear').fadeIn('fast');
        $('.controlboxbigtitle').fadeIn('fast');
        $('.controlboxdesc').fadeIn('fast');
        $('.controlboxleftarrow').fadeIn('fast');
        $('.controlboxrightarrow').fadeIn('fast');
        $('.rafflesdiarycolumnleft').fadeIn('fast');
        $('.rafflesdiarycolumn1').fadeIn('fast');
        $('.rafflesdiarycolumn2').fadeIn('fast');
        $('.rafflesdiarycolumn3').fadeIn('fast');
        $('.controlboxpanel').fadeIn('fast');
        $('.rafflesdiarycolumnright').fadeIn('fast');
        // Animation complete.

        $("#pagenum").html("&lt; " + itemnum + "/" + maxpanel + " &gt;");

        newsscollerto(itemnumsave-1);

    } else {
        switchview1 = 2;
        changecolour(itemnumsave);
        $("img[rel='rafflesdiaryimg']").attr("src", "/images/images/raffles_diaries.jpg");

        $('.rafflesdiarycolumnblankleft').hide();
        $('.rafflesdiarycolumnblankright').hide();

        $('.controlbackground').hide();
        $('.controlbox').hide();
        $('.controlboxbtm').hide();
        $('.controlboxtitle').hide();
        $('.controlboxday').hide();
        $('.controlboxyear').hide();
        $('.controlboxbigtitle').hide();
        $('.controlboxdesc').hide();
        $('.controlboxleftarrow').hide();
        $('.controlboxrightarrow').hide();
        $('.rafflesdiarycolumnleft').hide();
        $('.rafflesdiarycolumn1').hide();
        $('.rafflesdiarycolumn2').hide();
        $('.rafflesdiarycolumn3').hide();
        $('.controlboxpanel').hide();
        $('.rafflesdiarycolumnright').hide();

        $('.mainrightarrow').fadeIn('fast');
        $('.mainleftarrow').fadeIn('fast');
        $('.rafflesdiarybox').fadeIn('fast');

    }
}

var aniready = true;

function leftmove() {

    if (itemnumsave != maxpanel && aniready == true) {
        aniready = false;
        itemnum = itemnumsave;
        itemnum += 1;
        itemnumsave = itemnum;

        $("#pagenum").html("&lt; " + itemnum + "/" + maxpanel + " &gt;");


        $('.rafflesdiarycolumnleft').animate({
            left: '-=930'
        }, 500);
        $('.rafflesdiarycolumn1').animate({
            left: '-=930'
        }, 500);
        $('.rafflesdiarycolumn2').animate({
            left: '-=930'
        }, 500);
        $('.rafflesdiarycolumn3').animate({
            left: '-=930'
        }, 500);
        $('.rafflesdiarycolumnright').animate({
            left: '-=930'
        }, 500, function () {
            aniready = true;
            rearrangepanel();
            document.getElementById('rafflesdiarycolumnleft').style.left = "-1860px";
            document.getElementById('rafflesdiarycolumn1').style.left = "-930px";
            document.getElementById('rafflesdiarycolumn2').style.left = "0px";
            document.getElementById('rafflesdiarycolumn3').style.left = "930px";
            document.getElementById('rafflesdiarycolumnright').style.left = "1860px";

        });
    }

}

function rightmove() {

    if (itemnumsave != 1 && aniready == true) {
        aniready = false;
        itemnum = itemnumsave;
        itemnum -= 1;
        itemnumsave = itemnum;

        $("#pagenum").html("&lt; " + itemnum + "/" + maxpanel + " &gt;");


        $('.rafflesdiarycolumnleft').animate({
            left: '+=930'
        }, 500);
        $('.rafflesdiarycolumn1').animate({
            left: '+=930'
        }, 500);
        $('.rafflesdiarycolumn2').animate({
            left: '+=930'
        }, 500);
        $('.rafflesdiarycolumn3').animate({
            left: '+=930'
        }, 500);
        $('.rafflesdiarycolumnright').animate({
            left: '+=930'
        }, 500, function () {
            aniready = true;
            rearrangepanel();
            document.getElementById('rafflesdiarycolumnleft').style.left = "-1860px";
            document.getElementById('rafflesdiarycolumn1').style.left = "-930px";
            document.getElementById('rafflesdiarycolumn2').style.left = "0px";
            document.getElementById('rafflesdiarycolumn3').style.left = "930px";
            document.getElementById('rafflesdiarycolumnright').style.left = "1860px";

        });
    }

}

//var boxcontrol1;
//function controlboxview() {
//    $('.controlboxbtm').animate({ top: '+=30' });
//}

//function controlboxviewout() {
//    $('.controlboxbtm').animate({ top: '-=30' });
//}