// JavaScript Document

ImgaArray = new Array();
ImgaArray[0] = new Array("antec_01.jpg", "antec_02.jpg", "antec_03.jpg", "antec_04.jpg", "antec_05.jpg", "antec_logo_.jpg", "antec_logo.jpg", "Fusion-Remote-Max.jpg",  "Skeleton_01.jpg", "Skeleton_02.jpg", "Skeleton.jpg", "Sonata_Elite.jpg","P182.jpg","902.jpg", "FansArt_01.jpg", "FansArt_02.jpg");
ImgaArray[1] = new Array("Two_Hundred.jpg", "900.jpg", "1200.jpg", "NB-Cooler-200.jpg", "Signature.jpg", "Skeleton_03.jpg", "TPQ1200.jpg", "TPQ850.jpg", "antec-office_01.jpg", "antec-office_02.jpg", "Buildings.jpg","","backgroundphotos.jpg");
ImgaArray[2] = new Array("900_.jpg", "1200_.jpg", "FUSION_REMOTE.jpg", "p_180.jpg", "p_183.jpg", "p_190.jpg", "SONATA_DESIGNER.jpg", "SONATA_ELITE2.jpg", "antec.jpg");

function Mousove(objectName, v){
   var objectName = $(objectName).style;
   v=(v=='show')?'visible':(v='hide')?'hidden':v;
  objectName.visibility = v;
	//var objectName = objectName.style = "display: ''";
}
function OpenWind(UrlStr, WidthVal, HeightVal){
	var _sUrl = UrlStr; 
	var _sWidth = WidthVal;
	var _sHeight = HeightVal; 
	var _sTitle = "";
  	openWindow(_sUrl, _sWidth, _sHeight, _sTitle);
}
function ShowImage(page){
	var Thumbnalls = "images/wallpaper/Thumbnalls/";
	var Dir1600 = "images/wallpaper/1600x1200/";
	var Dir1280 = "images/wallpaper/1280x1024/";
	var Dir1024 = "images/wallpaper/1024x768/";
	var Dir1600900 = "images/wallpaper/1600x900/";
	var Dir1365768 = "images/wallpaper/1365x768/";
	var Dir1280720 = "images/wallpaper/1280x720/";
	var GetPage = page-1;
	var Nowpage = 0;
	var showArray = new Array();
	var ShowString = "";
	var num = 0;
	var className = "wallBox_test";
	if(ImgaArray[GetPage]!=null&&ImgaArray[GetPage]!=""){
	    Nowpage = GetPage;		
	}
	showArray = ImgaArray[Nowpage];
	var Imgnum = showArray.length;

	for(var i=0; i<Imgnum;i++){
		
		if((Nowpage==1)&&(i==12)){
	
			ShowString += '<div style="clear:both;"></div>';
			}/**/
	
	
	
	if (showArray[i] != ""){
	ShowString += '<div class="' + className + '" onMouseOver="Mousove(\'show' + i + '\', \'show\')" onMouseOut="Mousove(\'show' + i + '\', \'hide\')">';
		 
         ShowString += '<img src="' + Thumbnalls + showArray[i] + '" alt=""/>';
         ShowString += '<div class="imgsizesList"  id="show' + i + '" style="visibility:hidden">';
         ShowString += '<span onclick="window.open(\'' + Dir1600 + showArray[i] + '\');" title="1600x1200"><a href="#">1600x1200</a> (4:3)</span>';
         ShowString += '<span onclick="window.open(\'' + Dir1280 + showArray[i] + '\');" title="1280x1024"><a href="#">1280x1024</a></span>';
         ShowString += '<span onclick="window.open(\'' + Dir1024 + showArray[i] + '\');" title="1024x768"><a href="#">1024x768</a></span>';
		 
		  ShowString += '<span style="padding-top:8px;" onclick="window.open(\'' + Dir1600900 + showArray[i] + '\');" title="1600x900"><a href="#">1600x900</a> (16:9)</span>';
		 ShowString += '<span onclick="window.open(\'' + Dir1365768 + showArray[i] + '\');" title="1365x768"><a href="#">1366x768</a></span>';
		 ShowString += '<span onclick="window.open(\'' + Dir1280720 + showArray[i] + '\');" title="1280x720"><a href="#">1280x720</a></span>';
         ShowString += '</div></div>';
		 
	}
		 
		 
		
	}
	ShowPageString = '<div class="page1">';
   var classpage = "page";
	for(var j=1;j<=ImgaArray.length;j++){
		
		if(j==page){
		 classpage = "page_on";
		}else{
		classpage = "page";
		}
		ShowPageString += '<span class="' + classpage + '"><a href="javascript:ShowImage(' + j + ')">&nbsp;' + j + '&nbsp;</a></span>&nbsp;';
	}
	ShowPageString += '</div>';
	
	//ShowPageString = '<div class="page1"><div class="page"><span><a href="javascript:ShowImage(1)">&nbsp;1&nbsp;</a>&nbsp;&nbsp;<a href="javascript:ShowImage(2)">&nbsp;2&nbsp;</a></span></div></div>';
	
	//alert(ShowPageString);
	$("showImge").innerHTML = ShowString;
	$("showPage").innerHTML = ShowPageString;
}