var oMedia = [
        {fullSizeImg:["ecards/ecards_1.jpg",340,263], description:"Energy star ecard"},
        {fullSizeImg:["ecards/ecards_2.jpg",340,263], description:"Energy use ecard"},
        {fullSizeImg:["ecards/ecards_3.jpg",340,263], description:"Driving speed ecard"},
        {fullSizeImg:["ecards/ecards_4.jpg",340,263], description:"Biofuels ecard"},
        {fullSizeImg:["ecards/ecards_5.jpg",340,263], description:"Hydrogen car ecard"},
        {fullSizeImg:["ecards/ecards_6.jpg",340,263], description:"Renewable energy ecard"},
        {fullSizeImg:["ecards/ecards_7.jpg",340,263], description:"Electricity consumption ecard"}
    ];

    var aStatesSupplemental = [
        {States:['SetConservation','SetEnergySource']},
        {formstatetxt:['conservation','energy source'],dateimgs:["ecards/txt_as_appeared_061206.gif","ecards/txt_as_appeared_100906.gif"]},
    ];

    //These are custom call backs extended onto the appropriate parent
    var ecardCustom = function() {
        var sImgPathBase="/assets/images/";
        $('.formWrapper').find('span.ecardType').html(aStatesSupplemental[1].formstatetxt[this.iCount]);
        /* $('.asappeared > .txt_as_appeared').attr(
            {
                src:sImgPathBase+aStatesSupplemental[1].dateimgs[this.iCount],
                alt:"test"
            }
        ); */
        $("#CartoonSet").val(this.iCount+1);
    }
    var ecardCustomCardToSend = function() { var iCount=this.iCount+1;$("#selectedcartoon").val("ecards_"+iCount); }

    //Init
    $(document).ready(function() {
        oSlidePicker.init($('#quaternaryNav > ul'),$('.ecardLarge'),$('.ecardLarge > .primaryAsset > img'),$('.ecardLarge > h2'),null);
        oSlidePicker.CustomCallbacks=ecardCustomCardToSend;
    });
    
    function moveNext() {
        var nextIndex = (Number(document.getElementById('selectedcartoon').value.substring(7)))%oMedia.length;
        if(nextIndex < oMedia.length)
        {
            var anchors = document.getElementById('quaternaryNav').getElementsByTagName('ul').item(0).getElementsByTagName('a');
            oSlidePicker.ShowSlide(anchors.item(nextIndex),nextIndex);
            $("#selectedcartoon").val("ecards_"+(nextIndex+1));
        }
    }
    
    function movePrevious() {
        var prevIndex = Number(document.getElementById('selectedcartoon').value.substring(7)) - 2;
        if(prevIndex < 0) {
          prevIndex += oMedia.length;
        }
        var anchors = document.getElementById('quaternaryNav').getElementsByTagName('ul').item(0).getElementsByTagName('a');
        oSlidePicker.ShowSlide(anchors.item(prevIndex),prevIndex);
        $("#selectedcartoon").val("ecards_"+(prevIndex+1));
    }