//preload thumbnail images
function preloadImages(the_images_array) {
    //alert("imagearray"+the_images_array);
	for (var loop = 0; loop < the_images_array.length; loop++) {
		var an_image = new Image();
		an_image.src = the_images_array[loop];
		}
}

// **************** Group 1  *******************\\
var img1p = new Image(246, 260); img1p.src="images/profile/grp1/1.jpg"; img1p.title=''; img1p.alt=''; var url1p = "#";
var img2p = new Image(246, 260); img2p.src="images/profile/grp1/2.jpg"; img2p.title=''; img2p.alt=''; var url2p = "#";
var img3p = new Image(246, 260); img3p.src="images/profile/grp1/3.jpg"; img3p.title=''; img3p.alt=''; var url3p = "#";
var img4p = new Image(246, 260); img4p.src="images/profile/grp1/4.jpg"; img4p.title=''; img4p.alt=''; var url4p = "#";
var img5p = new Image(246, 260); img5p.src="images/profile/grp1/5.jpg"; img5p.title=''; img5p.alt=''; var url5p = "#";
var img6p = new Image(246, 260); img6p.src="images/profile/grp1/6.jpg"; img6p.title=''; img6p.alt=''; var url6p = "#";
var img7p = new Image(246, 260); img7p.src="images/profile/grp1/7.jpg"; img7p.title=''; img7p.alt=''; var url7p = "#";
var img8p = new Image(246, 260); img8p.src="images/profile/grp1/8.jpg"; img8p.title=''; img8p.alt=''; var url8p = "#";

// Swap image
function swapprofileimg1(sNum){
//alert ("sNum="+sNum);
    document.getElementById('profileGrp1').src=eval('img' + sNum + 'p').src;
    document.getElementById('profileGrp1').title=eval('img' + sNum + 'p').title;			
    document.getElementById('profileGrp1').alt=eval('img' + sNum + 'p').alt;			

    // Set all images 'Off'
    setProfileImageImageThumb1('1', 'Off')
    setProfileImageImageThumb1('2', 'Off')
    setProfileImageImageThumb1('3', 'Off')
    setProfileImageImageThumb1('4', 'Off')
    setProfileImageImageThumb1('5', 'Off')
   setProfileImageImageThumb1('6', 'Off')
   setProfileImageImageThumb1('7', 'Off')
   setProfileImageImageThumb1('8', 'Off') 
 
    // Set relevant main image text & thumbnail icon to show hover status
    switch (sNum){
        case '1':
        setProfileImageImageThumb1('1', 'On')
        break;
        case '2':
        setProfileImageImageThumb1('2', 'On')
        break;
        case '3':
        setProfileImageImageThumb1('3', 'On')
        break;
	    case '4':
        setProfileImageImageThumb1('4', 'On')
        break;
         case '5':
        setProfileImageImageThumb1('5', 'On')
        break;
        case '6':
        setProfileImageImageThumb1('6', 'On')
        break;
        case '7':
        setProfileImageImageThumb1('7', 'On')
        break;
        case '8':
        setProfileImageImageThumb1('8', 'On')
        break;
    }
}

function setProfileImageImageThumb1(num, OnOff){
    var obj = document.getElementById('imgFeatureLeftSmall' + num);
    if (obj != null){
        obj.src=eval('imgSmall' + OnOff).src;
    }
}
 
//Get previous image
function getProfilePreviousImage1(id){
var sSource, sSplit1, sSplit2, iNum;
iNum = 0;
sSource = document.getElementById('profileGrp1').src;               
sSplit1 = sSource.split(".jpg");
sSplit2 = sSplit1[0].split("profile/grp1/");
iNum = sSplit2[1] - 0;
iNum = iNum - 1;
//alert("inum="+iNum);
if (iNum == 0) {iNum = 8;}
swapprofileimg1(iNum);
setProfileImageImageThumb1(iNum, 'On');
}
 
//Get next image
function getProfileNextImage1(id){
var sSource, sSplit1, sSplit2, iNum;
iNum = 0;
sSource = document.getElementById('profileGrp1').src;
sSplit1 = sSource.split(".jpg");
sSplit2 = sSplit1[0].split("profile/grp1/");
iNum = sSplit2[1] - 0;
iNum = iNum + 1;
//alert("inum="+iNum);
if (iNum == 9) {iNum = 1;}
swapprofileimg1(iNum);
setProfileImageImageThumb1(iNum, 'On');
}