function swapImage(intImage) {

	
switch (intImage) {
 case 1:
   document.getElementById('feature_main1').style.display = "block"
   document.getElementById('feature_main2').style.display = "none"
   document.getElementById('feature_main3').style.display = "none"
   document.getElementById('feature_main4').style.display = "none"
   document.getElementById('feature_main5').style.display = "none"
   document.getElementById('feature_main6').style.display = "none"
   document.getElementById('feature_main7').style.display = "none"
   document.getElementById('feature_main').style.backgroundImage = "url(images/f1_maritime.jpg)"
   document.getElementById('feature_main').title = "MARITIME SECURITY ID CARD (MSIC) APPLICATION"
   document.getElementById('feature_main').setAttribute("alt","pic1")
   document.getElementById('I1').className = "active_li"
   document.getElementById('I2').className = "not_active_li"
   document.getElementById('I3').className = "not_active_li"
   document.getElementById('I4').className = "not_active_li"
   document.getElementById('I5').className = "not_active_li"
   document.getElementById('I6').className = "not_active_li"
   document.getElementById('I7').className = "not_active_li"

   break;
   
case 2:
   document.getElementById('feature_main1').style.display = "none"
   document.getElementById('feature_main2').style.display = "block"
   document.getElementById('feature_main3').style.display = "none"
   document.getElementById('feature_main4').style.display = "none"
   document.getElementById('feature_main5').style.display = "none"
   document.getElementById('feature_main6').style.display = "none"
   document.getElementById('feature_main7').style.display = "none"
   document.getElementById('feature_main').style.backgroundImage = "url(images/f2_onlineid.jpg)"
   document.getElementById('feature_main').title = "FREE ONLINE ID"
   document.getElementById('feature_main').setAttribute("alt","pic2")
   document.getElementById('I1').className = "not_active_li"
   document.getElementById('I2').className = "active_li"
   document.getElementById('I3').className = "not_active_li"
   document.getElementById('I4').className = "not_active_li"
   document.getElementById('I5').className = "not_active_li"
   document.getElementById('I6').className = "not_active_li"
   document.getElementById('I7').className = "not_active_li"
   
   break;
   
case 3:
   document.getElementById('feature_main1').style.display = "none"
   document.getElementById('feature_main2').style.display = "none"
   document.getElementById('feature_main3').style.display = "block"
   document.getElementById('feature_main4').style.display = "none"
   document.getElementById('feature_main5').style.display = "none"
   document.getElementById('feature_main6').style.display = "none"
   document.getElementById('feature_main7').style.display = "none"
   document.getElementById('feature_main').style.backgroundImage = "url(images/f3_corpidplatform.jpg)"
   document.getElementById('feature_main').setAttribute("title","CORPORATE ID PLATFORM")
   document.getElementById('feature_main').setAttribute("alt","f3_corpidplatform")
   document.getElementById('I1').className = "not_active_li"
   document.getElementById('I2').className = "not_active_li"
   document.getElementById('I3').className = "active_li"
   document.getElementById('I4').className = "not_active_li"
   document.getElementById('I5').className = "not_active_li"
   document.getElementById('I6').className = "not_active_li"
   document.getElementById('I7').className = "not_active_li"

   
   break;
case 4:
   document.getElementById('feature_main1').style.display = "none"
   document.getElementById('feature_main2').style.display = "none"
   document.getElementById('feature_main3').style.display = "none"
   document.getElementById('feature_main4').style.display = "block"
   document.getElementById('feature_main5').style.display = "none"
   document.getElementById('feature_main6').style.display = "none"
   document.getElementById('feature_main7').style.display = "none"
   document.getElementById('feature_main').style.backgroundImage = "url(images/f4_workcompliance.jpg)"
   document.getElementById('feature_main').setAttribute("title","WORKFORCE COMPLIANCE AND ISSUANCE")
   document.getElementById('feature_main').setAttribute("alt","f4_workcompliance")
   document.getElementById('I1').className = "not_active_li"
   document.getElementById('I2').className = "not_active_li"
   document.getElementById('I3').className = "not_active_li"
   document.getElementById('I4').className = "active_li"
   document.getElementById('I5').className = "not_active_li"
   document.getElementById('I6').className = "not_active_li"
   document.getElementById('I7').className = "not_active_li"
   
   break;

case 5:    
   document.getElementById('feature_main1').style.display = "none"
   document.getElementById('feature_main2').style.display = "none"
   document.getElementById('feature_main3').style.display = "none"
   document.getElementById('feature_main4').style.display = "none"
   document.getElementById('feature_main5').style.display = "block"
   document.getElementById('feature_main6').style.display = "none"
   document.getElementById('feature_main7').style.display = "none"
   document.getElementById('feature_main').style.backgroundImage = "url(images/f5_idmodule.jpg)"
   document.getElementById('feature_main').setAttribute("title","COMMUNITY, HEALTH AND NATIONAL ID MODULE");
   document.getElementById('feature_main').setAttribute("alt","f5_idmodule");
   document.getElementById('I1').className = "not_active_li"
   document.getElementById('I2').className = "not_active_li"
   document.getElementById('I3').className = "not_active_li"
   document.getElementById('I4').className = "not_active_li"
   document.getElementById('I5').className = "active_li"
   document.getElementById('I6').className = "not_active_li"
   document.getElementById('I7').className = "not_active_li"

   break;

case 6:    
   document.getElementById('feature_main1').style.display = "none"
   document.getElementById('feature_main2').style.display = "none"
   document.getElementById('feature_main3').style.display = "none"
   document.getElementById('feature_main4').style.display = "none"
   document.getElementById('feature_main5').style.display = "none"
   document.getElementById('feature_main6').style.display = "block"
   document.getElementById('feature_main7').style.display = "none"
   document.getElementById('feature_main').style.backgroundImage = "url(images/f6_membership.jpg)"
   document.getElementById('feature_main').setAttribute("title","MEMBERSHIP PROGRAMMES");
   document.getElementById('feature_main').setAttribute("alt","f6_membership");
   document.getElementById('I1').className = "not_active_li"
   document.getElementById('I2').className = "not_active_li"
   document.getElementById('I3').className = "not_active_li"
   document.getElementById('I4').className = "not_active_li"
   document.getElementById('I5').className = "not_active_li"
   document.getElementById('I6').className = "active_li"
   document.getElementById('I7').className = "not_active_li"

   break;
  
case 7:    
   document.getElementById('feature_main1').style.display = "none"
   document.getElementById('feature_main2').style.display = "none"
   document.getElementById('feature_main3').style.display = "none"
   document.getElementById('feature_main4').style.display = "none"
   document.getElementById('feature_main5').style.display = "none"
   document.getElementById('feature_main6').style.display = "none"
   document.getElementById('feature_main7').style.display = "block"
   document.getElementById('feature_main').style.backgroundImage = "url(images/f7_event.jpg)"
   document.getElementById('feature_main').setAttribute("title","EVENT ACCREDITATION MANAGEMENT");
   document.getElementById('feature_main').setAttribute("alt","f7_event");
   document.getElementById('I1').className = "not_active_li"
   document.getElementById('I2').className = "not_active_li"
   document.getElementById('I3').className = "not_active_li"
   document.getElementById('I4').className = "not_active_li"
   document.getElementById('I5').className = "not_active_li"
   document.getElementById('I6').className = "not_active_li"
   document.getElementById('I7').className = "active_li"

   break;   

 }

 {
   //var obj = dw_Rotator.getInstanceById(intImage);
//   dw_Rotator.start();

  var len = dw_Rotator.col.length, obj;
  for (var i=0; i<len; i++) {
    obj = dw_Rotator.col[i];
    //alert(obj.ctr);
    obj.ctr = intImage - 1;
   if (obj ) { obj.timer = setTimeout( obj.animString + ".rotate()", obj.speed); }
  }
    
 }

  return(false);
  
}

var rotator1 = {
    path:   'images/',
    id:     'feature_main',
    speed:  10000,
    images: ["f1_maritime.jpg", "f2_onlineid.jpg", "f3_corpidplatform.jpg", "f4_workcompliance.jpg", "f5_idmodule.jpg", "f6_membership.jpg" ,"f7_event.jpg"],
    title:  ["feature 1", "feature 2", "feature 3", "feature 4", "feature 5", "feature 6", "feature 7"],
    alt:    ["1", "2", "3", "4", "5", "6" ,"7"]
}

function initRotator() {
    dw_Rotator.setup(rotator1);
}

//addLoadEvent(initRotator);
//addLoadEvent(dw_Rotator.addControls);