var curpanel=1;
function rotateimage(id) {
    for(var i=1;i<=4;i++) {
        if(i==id) {
            document.getElementById('panel-' + i).style.display='inline';
            document.getElementById('btn-panel' + i).src='images/slider/btn-blue.png';
            curpanel=id;
            }
        else
        {
            document.getElementById('panel-' + i).style.display='none';
            document.getElementById('btn-panel' + i).src='images/slider/btn-gray.png';
            }
            
            // patch over for ie7 & ie8 display problem
        if(document.getElementById('panel-4').style.display=='none') {
            document.getElementById('panel-4').innerHTML='inline';
        } else {
            document.getElementById('panel-4').innerHTML='<div style="width:400px;height:225px;position:absolute;top:37px;right:100px;border:1px solid #fff;"><object style="width:400px;height:225px;"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=6165291&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=6165291&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="225"></embed></object></div>';
        }
    }
}

function rotate(direction) {
    if(direction=='right')
        curpanel++;
    else
        curpanel--;
        
    if(curpanel>4)
        curpanel=1;
    if(curpanel<1)
        curpanel=4;
    rotateimage(curpanel);
}