var imgDynaRoom = new Array;
var imgDynaHotel = new Array;

function returnimgcode(theimg, loadarea) {
    var imghtml = "";
	var className = "";
	if (document.getElementById(loadarea).firstChild.className != ""){
		className = " class=\"" + document.getElementById(loadarea).firstChild.className + "\"";
		};
	imghtml = "<img id=\"room-photo\" src=\"" + theimg[0] + "\"" + className + " />";     //เพิ่มชื่อ image
    return imghtml;
}

                                    //code เพิ่มเติม
var int_count=0;
var class_name_image_room="imp_p2_1"; 
function fnOnloadImage(name_image){         //function onload image
	int_count=int_count+1;
	if (int_count ==2){                                     //load image room complete
		document.getElementById("room-photo").onload = null;
		document.getElementById("room-photo").className = class_name_image_room;
		$("#room-full").fadeIn('slow');
	}else{                                                  //load image loading complete
		document.getElementById("room-photo").src=name_image;
		
	}
}
                                   //
	
function modifyimage(loadarea, imgindex, maxItems) {
		//code เพิ่มเติม
	var name_image="";
	int_count=0;
		//
	
	var strArrayName ;
	if (loadarea == "room-full") {
		strArrayName = "Room";
	}
	else {
		strArrayName = "Hotel";
	};
    $("#chk_current-" + loadarea).text(eval(imgindex));
    chklink(maxItems, loadarea);
    if (document.getElementById) {
		if (loadarea == "room-full"){
			$("#imp_p2_body").css("min-height", $("#" + loadarea + " img").height());
		};
        $("#" + loadarea).hide();
        $("#" + loadarea).html(returnimgcode(eval("imgDyna" + strArrayName + "[imgindex]"), loadarea));
		
							//code เพิ่มเติม    abc คือชื่อ image display
		if (loadarea == "room-full") {
			name_image=document.getElementById("room-photo").src;  
			document.getElementById("room-photo").className= class_name_image_room;                               
			document.getElementById("room-photo").onload=function(){
				fnOnloadImage(name_image);
			}
			document.getElementById("room-photo").className="photo-loading"; // class name ในการแสดง loading ตอนนี้อยู่หน้า html
			document.getElementById("room-photo").src="/images/colorbox/loading.gif";
		}
						//
		
		$("#" + loadarea).fadeIn('slow');
    }
}

function NextPage(maxItems, loadarea) {
    var current = $("#chk_current-" + loadarea).text();
    if (eval(current) < eval(maxItems) - 1) {
        current = eval(current) + 1;
        $("#chk_current-" + loadarea).text = eval(current);
        chklink(maxItems, loadarea);
        modifyimage(loadarea, current, maxItems);
    }
}

function Previous(maxItems, loadarea) {
    var current = $("#chk_current-" + loadarea).text();
    if (eval(current) > 0) {
        current = eval(current) - 1;
        $("#chk_current-" + loadarea).text = eval(current);
        chklink(maxItems, loadarea);
        modifyimage(loadarea, current, maxItems);
    }
}

function chklink(maxItems, loadarea) {
    var current = eval($("#chk_current-" + loadarea).text());
    if (current < maxItems - 1) {
		$("#next-" + loadarea).removeClass();
        $("#next-" + loadarea).addClass("active");
    } else {
		$("#next-" + loadarea).removeClass();
        $("#next-" + loadarea).addClass("disable");
    }
    if (current > 0) {
		$("#previous-" + loadarea).removeClass();
		$("#previous-" + loadarea).addClass("active");
    } else {
		$("#previous-" + loadarea).removeClass();
        $("#previous-" + loadarea).addClass("disable");
    }
}