
function removeChildNodes(ctrl) {
    while (ctrl.childNodes[0]) {
        ctrl.removeChild(ctrl.childNodes[0]);
    }
}

function MM_Init() {
    if (! +[1, ]) {
        MM_InitIE();
    } else {
        MM_InitOT();
    }

}

function MM_InitOT() {
    var _width = 220;
    var newWineSliderThumb = document.getElementById('WineSliderThumb');
    var thumbelem = document.getElementById('WineSliderThumbMain');
    var myallContainedElements = thumbelem.getElementsByTagName('img');
    var newdivOuter = document.createElement('div');
    newdivOuter.setAttribute('id', 'myOuterDiv');
    var newdivInner = document.createElement('div');
    newdivInner.setAttribute('id', 'myInnerDiv');
    var newtable = document.createElement('table');
    var tl = myallContainedElements.length * _width;
    newtable.setAttribute('width', tl);
    newtable.setAttribute('height', '300');
    newtable.setAttribute('cellspacing', '0');
    newtable.setAttribute('cellpadding', '0');
    newtable.setAttribute('border', '0');
    var newtr = document.createElement('tr');
    var i = 0;
    var f = myallContainedElements.length;
    //alert(f);
    for (i = 0; i < myallContainedElements.length; i++) {
        var myimg = myallContainedElements[i];
        var newtd = document.createElement('td');
        newtd.setAttribute('width', _width);
        newtd.setAttribute('valign', 'top');
        newtd.setAttribute('align', 'left');
        newtd.setAttribute('class', 'imgdiv');
        newtd.className = "imgdiv";
        var newImg = document.createElement('img');
        newImg.setAttribute('src', myimg.getAttribute('src'));
        newImg.setAttribute('width', myimg.getAttribute('width'));
        newImg.setAttribute('height', myimg.getAttribute('height'));
        newtd.appendChild(newImg);
        var newTitle = document.createElement('H1');
        newTitle.innerHTML = myimg.getAttribute('alt');
        newtd.appendChild(newTitle);
        var newText = document.createElement('H2');
        newText.innerHTML = myimg.getAttribute('title');
        newtd.appendChild(newText);
        var newLink = document.createElement('a');
        newLink.setAttribute('href', myimg.getAttribute('longdesc'));
        newLink.setAttribute('class', 'imgA');
        newLink.innerHTML = '<img src="/Portals/119/Images/read_more_button.png" alt="" width="108" height="30" border="0" />';
        newtd.appendChild(newLink);
        newtr.appendChild(newtd);
    }
    newtable.appendChild(newtr);
    newdivInner.appendChild(newtable);
    newdivOuter.appendChild(newdivInner);
    newWineSliderThumb.appendChild(newdivOuter);
    removeChildNodes(thumbelem);

    var y = 1;

    $('#WineSliderLeft').click(function() {
        var xlength2 = 0;
        var xPos2 = 0;

        if ((parseInt(y) - 1) > 0) {

            xlength2 = _width;
            xPos2 = parseInt(y) - 1;
        }
        else {
            xlength2 = 0;
            xPos2 = 0;
        }
        y = xPos2;
        $('#myInnerDiv').animate({
            left: "+=" + xlength2
        }, 1500, "swing", function() {
        });
    });

    $('#WineSliderBtnRight').click(function() {
        var xlength = 0;
        var xPos = 0;
        if ((parseInt(f) - parseInt(y)) >= 5) {
            xlength = _width;
            xPos = parseInt(y) + 1;
        }
        else {
            xlength = 0;
            xPos = parseInt(y);
        }
        y = xPos;
        $('#myInnerDiv').animate({
            left: "-=" + xlength
        }, 1500, "swing", function() {
        });
    });

}

function MM_InitIE() {

    var _width = 220;
    var newWineSliderThumb = document.getElementById('WineSliderThumb');
    var thumbelem = document.getElementById('WineSliderThumbMain');
    var myallContainedElements = thumbelem.getElementsByTagName('img');
    var tl = myallContainedElements.length * _width;
    var newdivOuter = document.createElement('div');
    newdivOuter.setAttribute('id', 'myOuterDiv');
    var newdivInner = document.createElement('div');
    newdivInner.setAttribute('id', 'myInnerDiv');
    var newtable = document.createElement('table');
    newtable.setAttribute('width', tl);
    newtable.setAttribute('height', '300');
    newtable.setAttribute('cellspacing', '0');
    newtable.setAttribute('cellpadding', '0');
    newtable.setAttribute('border', '0');
    var _tr = newtable.insertRow(0);
    var i = 0;
    var f = myallContainedElements.length;
    for (i = 0; i < myallContainedElements.length; i++) {
        var myimg = myallContainedElements[i];
        var _td = _tr.insertCell(i);
        _td.innerHTML += "<td class='imgdiv' valign='top' width='220' align='left'>";
        _td.innerHTML += "<img src='"+myimg.getAttribute('src')+"' width='204' height='105'>";
        _td.innerHTML += "<h1>" + myimg.getAttribute('alt') + "</h1>";
        _td.innerHTML += "<h2>" + myimg.getAttribute('title') + "</h2>";
        _td.innerHTML += "<a class='imgA' href='" + myimg.getAttribute('longdesc') + "'><img src='/Portals/119/Images/read_more_button.png' alt='' width='108' border='0' height='30'></a>";
        _td.innerHTML += "</td>";
    }
    newdivInner.appendChild(newtable);
    newdivOuter.appendChild(newdivInner);
    newWineSliderThumb.appendChild(newdivOuter);
    removeChildNodes(thumbelem);
    var y = 1;

    $('#WineSliderLeft').click(function() {
        var xlength2 = 0;
        var xPos2 = 0;

        if ((parseInt(y) - 1) > 0) {

            xlength2 = _width;
            xPos2 = parseInt(y) - 1;
        }
        else {
            xlength2 = 0;
            xPos2 = 0;
        }
        y = xPos2;
        $('#myInnerDiv').animate({
            left: "+=" + xlength2
        }, 1500, "swing", function() {
        });
    });

    $('#WineSliderBtnRight').click(function() {
        var xlength = 0;
        var xPos = 0;
        if ((parseInt(f) - parseInt(y)) >= 5) {
            xlength = _width;
            xPos = parseInt(y) + 1;
        }
        else {
            xlength = 0;
            xPos = parseInt(y);
        }
        y = xPos;
        $('#myInnerDiv').animate({
            left: "-=" + xlength
        }, 1500, "swing", function() {
        });
    });
}
	
