window.onload=Init;

var SELMENU="";
var SELSUBMENU="";
var HT;
var H_IP=0;
var nav_POS=0;
var nav_MAX=0;
var nav_TO=0;
var nav_STEP=1000;
var nav_STATUS="NONE";
var CUR_PAGE=-1;
var IIMAGES=new Array();
var CATEGORIES=new Array();
var PORTFOLIO=new Array();
var IMGS=new Array();
var NEWS=new Array();
var LB=0;
var DATA="";
var TMP=new Array();
var TPOS=new Array();
var TMMAX=0;
var TESTIM="";
var D_LINKS;

function Init() {
	//add iphone fullscreen somehow ;-)
	document.getElementById("fader").style.width="0px";
	document.getElementById("frame1").style.width="0px";
	document.getElementById("frame2").style.width="0px";
	getData({COMMAND: "GET IMAGES", SID: "4", DEL_LINE: "*"}, "loadLvl1");
	D_LINKS=document.getElementById("content-menu-links").innerHTML;
	document.getElementById("content-menu-links").innerHTML="";
}

function loadLvl1() {
	document.getElementById("lprogress").style.width="60px";
	DATA=DATA.replace(/^.*DATA=/,"");
	DATA=DATA.replace(/&amp;/,"&");
	DATA=DATA.replace(/&EOF.*$/,"");
	IIMAGES=DATA.split("*");
	for (ii=0; ii<IIMAGES.length; ii++) {
		IIMAGES[ii]=IIMAGES[ii].replace(/^\d+~\d+~/,"_imgs/");
		IIMAGES[ii]=IIMAGES[ii].replace(/~.*$/,".jpg");
	}
	setTimeout("selMenu('home');",200);
	getData({COMMAND: "GET GALLERIES", SID: "22", DEL_LINE: "*"}, "loadLvl2");
}

function loadLvl2() {
	document.getElementById("lprogress").style.width="120px";
	DATA=DATA.replace(/^.*DATA=/,"");
	DATA=DATA.replace(/&amp;/,"&");
	DATA=DATA.replace(/&EOF.*$/,"");
	TMP=[];
	TMP=DATA.split("*");
	var SM="<div class='submenu'>";
	for (ii=0; ii<TMP.length; ii++) {
		var TTMP=new Array();
		TTMP=TMP[ii].split("~");
		CATEGORIES.push([TTMP[0],TTMP[2]]);
		SM+="<div id='smenu-"+ii+"' onclick='selSmenu("+ii+");' class='submenuitem'>"+TTMP[2]+"</div>";
	}
	SM+="</div>";
	document.getElementById("menu-portfolio").innerHTML="Portfolio"+SM;
	
	getData({COMMAND: "GET IMAGES", DEL_LINE: "*"}, "loadLvl3");
}

function loadLvl3() {
	document.getElementById("lprogress").style.width="180px";
	DATA=DATA.replace(/^.*DATA=/,"");
	DATA=DATA.replace(/&amp;/,"&");
	DATA=DATA.replace(/&EOF.*$/,"");
	TMP=[];
	TMP=DATA.split("*");
	for (ii=0; ii<TMP.length; ii++) {
		var TTMP=new Array();
		TTMP=TMP[ii].split("~");
		if (TTMP[3]) {
			var SIZE1=TTMP[3].match(/NORM_(\d+)x(\d+)/);
			var SIZE2=TTMP[3].match(/FULL_(\d+)x(\d+)/);
			PORTFOLIO.push([TTMP[1],TTMP[2],SIZE1[1],SIZE1[2],SIZE2[1],SIZE2[2]]);
		}
	}	
	getData({COMMAND: "GET NEWS", DEL_LINE: "#ENDL#"}, "loadLvl4");
}

function loadLvl4() {
	document.getElementById("lprogress").style.width="224px";
	var MONTHS=["","January","February","March","April","May","June","July","August","September","October","November","December"];
	DATA=DATA.replace(/^.*DATA=/,"");
	DATA=DATA.replace(/&amp;/,"&");
	DATA=DATA.replace(/&EOF.*$/,"");
	DATA=DATA.replace(/#ENDL$/,"");
	TMP=[];
	TMP=DATA.split("#ENDL#");
	var TMPOS=480;
	var TMPREV=0;
	for (ii=0; ii<TMP.length; ii++) {
		var TTMP=new Array();
		TTMP=TMP[ii].split("~");
		if (TTMP[1]==6) {
			var DD=TTMP[2].match(/(\d\d\d\d)-(\d\d)-(\d\d)/);
			DD[2]=MONTHS[Number(DD[2])];
			DD[3]=Number(DD[3]);
			if (DD[3]==1 || DD[3]==21 || DD[3]==31) {
				DD[3]+="<sup>st</sup>";
			} else if (DD[3]==2 || DD[3]==22) {
				DD[3]+="<sup>nd</sup>";
			} else if (DD[3]==3 || DD[3]==23) {
				DD[3]+="<sup>rd</sup>";
			} else {
				DD[3]+="<sup>th</sup>";
			}
			NEWS.push([DD[3]+" "+DD[2]+" "+DD[1],TTMP[3],TTMP[4]]);
		} else {
			if (TMPREV!=TTMP[1]) {
				TPOS[TTMP[1]]=TMPOS-480;
				TMPREV=TTMP[1];
			}
			TESTIM+="<div class='content' style='width:500px; left:"+TMPOS+"px; height: 400px;'><h3>";
			TESTIM+=TTMP[3];
			if (TTMP[5].length>0) {
				TESTIM+="<br /><small>"+TTMP[5]+"</small>";
			}
			TESTIM+="</h3><p><i>&#8220;"+TTMP[4]+"&#8221;</i></p></div>";
			TMPOS=TMPOS+1000;
			TMMAX=TMPOS;
		}
	}
	
	TMMAX=TMMAX-1480;
	TESTIM=unescape(TESTIM);
	//alert(TPOS[8]);
	
	setTimeout("document.getElementById('loading').style.display='none';",300);
}

function getHTTPObject() {
	if (typeof XMLHttpRequest != 'undefined') {
		return new XMLHttpRequest();
	} try {
		return new ActiveXObject("Msxml2.XMLHTTP");
	} catch (e) {
		try {
			return new ActiveXObject("Microsoft.XMLHTTP");
		} catch (e) {}
	} return false;
}


function getData(VALS, FUNC) {
	var SDATA="";
	for (var k in VALS) {
		SDATA+="&"+k+"="+escape(VALS[k]);
	}
	var xhr = getHTTPObject();
	xhr.onreadystatechange = function() {
		if (xhr.readyState == 4) {
			DATA=xhr.responseText;
			window[FUNC]();
		}
	}
	xhr.open('POST', 'maxim_mypage_connector.cgi',true);
//	xhr.overrideMimeType('text/plain; charset=x-user-defined-binary');
	SDATA=pad(SDATA.length,8)+SDATA;
	xhr.send(SDATA);
	SDATA="";
}


function selMenu(MENU) {
	if (SELMENU!="") {
		ChangeClass("menu-"+SELMENU,"menuitem");
	}
	if (MENU!="home") {
		clearTimeout(HT);
		document.getElementById("fader").style.width="0px";
		document.getElementById("frame1").style.width="0px";
		document.getElementById("frame2").style.width="0px";		
	}
	SELMENU=MENU;
	ChangeClass("menu-"+MENU,"menuitem sel");
	switch (SELMENU) {
		case "home": menu_Home(); break;
		case "profile": menu_Profile(); break;
		case "services": menu_Services(); break;
		case "testimonials": menu_Testimonials(); break;
		case "contact": menu_Contact(); break;
		case "links": menu_Links(); break;
		case "portfolio": menu_Portfolio(); break;
		case "media": menu_PressAndTV(); break;
		case "news": menu_News(); break;
		default: alert("none");
	}
}

function selSmenu(SUBMENU) {
	if (SELSUBMENU!="") {
		ChangeClass("smenu-"+SELSUBMENU,"submenuitem");
	}
	SELSUBMENU=SUBMENU;
	ChangeClass("smenu-"+SELSUBMENU,"submenuitem sel");
}

function ChangeClass (WHERE, TOCLASS) {
	if (document.getElementById(WHERE)) {
		document.getElementById(WHERE).className=TOCLASS;
		document.getElementById(WHERE).setAttribute("class", TOCLASS);
	}
}


// -----
function menu_Contact() {
	if (SELSUBMENU!="") {
		ChangeClass("smenu-"+SELSUBMENU,"submenuitem");
		SELSUBMENU="";
	}

	document.getElementById("pageframe2").innerHTML="<img src='img/contactbg.jpg' />";
	document.getElementById("pageframe1").innerHTML="<div id='content'>"+document.getElementById("content-menu-contact").innerHTML+"</div>";
	CUR_PAGE=-1;
}


// -----
function menu_Links() {
	if (SELSUBMENU!="") {
		ChangeClass("smenu-"+SELSUBMENU,"submenuitem");
		SELSUBMENU="";
	}
	
	clearTimeout(HT);
	
	var PG="<img src='img/m_links.png' />";
	PG	 +="<div class='navbuttons'>";
	PG	 +="	<div id='navprevbutton' class='navbutton disabled' onclick='navPrevPage();'>&lt;&lt;&lt; previous page</div>";
	PG	 +="	&nbsp;&nbsp;&nbsp;";
	PG	 +="	<div id='navnextbutton' class='navbutton' onclick='navNextPage();'>next page &gt;&gt;&gt;</div>";
	PG	 +="</div>";
	document.getElementById("pageframe2").innerHTML=PG;
	document.getElementById("pageframe1").innerHTML="<div id='content'>"+D_LINKS+"</div>";
	nav_POS=0;
	nav_MAX=900;
	nav_TO=0;
	nav_STEP=300;
	nav_STATUS="STOP";
	CUR_PAGE=0;
	xx=document.getElementById("links-page-0");
	if (xx) {
		xx.className="content active";
		xx.setAttribute("class", "content active");
	}
}




// -----
function menu_News() {
	if (SELSUBMENU!="") {
		ChangeClass("smenu-"+SELSUBMENU,"submenuitem");
		SELSUBMENU="";
	}
	clearTimeout(HT);
	var PG="<img src='img/m_news.png' />";
	PG +=  "<div id='nscrl'>";
	PG +=  "	<div class='scrollbgv'>";
	PG +=  "		<div class='scrollv' id='scrollbar'></div>";
	PG +=  "	</div>";
	PG +=  "	<div class='uparrow' onmouseover='moveUp();' onmousedown='moveUpF();' onmouseup='moveUp();' onmouseout='moveStop();' ></div>";
	PG +=  "	<div class='downarrow' onmouseover='moveDown();' onmousedown='moveDownF();' onmouseup='moveDown();' onmouseout='moveStop();' ></div>";
	PG +=  "</div>";

	var NWS="";
	for (ii=0; ii<NEWS.length; ii++) {
		NWS+="<div class='newsdate'>"+NEWS[ii][0]+"</div>";
		NWS+="<div class='newstitle'>"+NEWS[ii][1]+"</div>";
		NWS+="<div class='newstext'>"+NEWS[ii][2]+"</div>";
	}

	document.getElementById("pageframe2").innerHTML=PG;
	document.getElementById("pageframe1").innerHTML="<div id='content'><div id='newsframe'>"+NWS+"</div></div>";
	nav_POS=0;
	nav_MAX=document.getElementById("newsframe").clientHeight;
	nav_TO=0;
	nav_STEP=300;
	MOVER=0;
	nav_STATUS="STOP";
	CUR_PAGE=0;
	if (nav_MAX<404) {
		document.getElementById("nscrl").style.display="none";
	}
}


function moveDown() {
	clearTimeout(HT);
	MOVER=-1;
	moveStart();
}

function moveDownF() {
	clearTimeout(HT);
	MOVER=-10;
	moveStart();
}

function moveUp() {
	clearTimeout(HT);
	MOVER=1;
	moveStart();
}

function moveUpF() {
	clearTimeout(HT);
	MOVER=10;
	moveStart();
}

function moveStop() {
	clearTimeout(HT);
}

function moveStart() {
	if (nav_POS<404-nav_MAX) {
		document.getElementById("newsframe").style.marginTop=Number(404-nav_MAX)+"px";
		return;
	}
	nav_POS=nav_POS+MOVER;
	if (nav_POS<404-nav_MAX) {
		nav_POS=Number(404-nav_MAX);
	}
	if (nav_POS>0) {
		nav_POS=0;
	}
	document.getElementById("newsframe").style.marginTop=nav_POS+"px";
	HT=setTimeout("moveStart();",50);
	document.getElementById("scrollbar").style.top=((nav_POS/Number(404-nav_MAX))*270)+"px";
}

// -----

function menu_Home() {
	if (SELSUBMENU!="") {
		ChangeClass("smenu-"+SELSUBMENU,"submenuitem");
		SELSUBMENU="";
	}
	document.pageNav=function() {}

	H_IP=0;
	clearTimeout(HT);
	homeAnimation();
	document.getElementById("pageframe2").innerHTML="";
	document.getElementById("pageframe1").innerHTML="";
}

function homeAnimation() {
	document.getElementById("himage1").onload=new function() {homeOpen();}
	document.getElementById("himage1").src=IIMAGES[H_IP];
}

function homeOpen() {
	if (SELMENU!="home") {
		return;
	}
	var CW=document.getElementById("fader").offsetWidth;
	CW=CW+25;
	if (CW>998) {
		CW=998;
	}
	document.getElementById("fader").style.width=CW+"px";
	document.getElementById("frame1").style.width=CW+"px";
	if (CW<998) {
		HT=setTimeout("homeOpen();",25);
	} else {
		document.getElementById("himage2").src=IIMAGES[H_IP];
		document.getElementById("frame2").style.width="998px";
		homeClose();
	}
}

function homeClose() {
	var CW=document.getElementById("fader").offsetWidth;
	CW=CW-25;
	if (CW<0) {
		CW=0;
	}
	document.getElementById("fader").style.width=CW+"px";
	if (CW>0) {
		HT=setTimeout("homeClose();",25);
	} else {
		H_IP++;
		if (H_IP==IIMAGES.length) {
			H_IP=0;
		}
		document.getElementById("himage1").onload=function() {
			HT=setTimeout("homeOpen()",5000);
		}
		document.getElementById("frame1").style.width="0px";
		document.getElementById("himage1").src=IIMAGES[H_IP];
	}
}

// ------

function menu_Profile() {
	if (SELSUBMENU!="") {
		ChangeClass("smenu-"+SELSUBMENU,"submenuitem");
		SELSUBMENU="";
	}
	document.pageNav=function() {}
	clearTimeout(HT);
	var PG="<img src='img/m_profile.png' />";
	PG	 +="<div class='navbuttons'>";
	PG	 +="	<div id='navprevbutton' class='navbutton disabled' onclick='navPrevPage();'>&lt;&lt;&lt; previous page</div>";
	PG	 +="	&nbsp;&nbsp;&nbsp;";
	PG	 +="	<div id='navnextbutton' class='navbutton' onclick='navNextPage();'>next page &gt;&gt;&gt;</div>";
	PG	 +="</div>";
	document.getElementById("pageframe2").innerHTML=PG;
	document.getElementById("pageframe1").innerHTML="<div id='content'>"+document.getElementById("content-menu-profile").innerHTML+"</div>";
	nav_POS=0;
	nav_MAX=2000;
	nav_TO=0;
	nav_STEP=1000;
	nav_STATUS="STOP";
	CUR_PAGE=-1;
}

// ----
function menu_Services() {
	if (SELSUBMENU!="") {
		if (SELSUBMENU<50 || SELSUBMENU>53) {
			ChangeClass("smenu-"+SELSUBMENU,"submenuitem");
			SELSUBMENU=50;
			ChangeClass("smenu-"+SELSUBMENU,"submenuitem sel");
		}
	} else {
		SELSUBMENU=50;
		ChangeClass("smenu-"+SELSUBMENU,"submenuitem sel");
	}
	document.pageNav=function() {
		ChangeClass("smenu-"+SELSUBMENU,"submenuitem");
		if (nav_TO<2000) {
			SELSUBMENU=50;
		} else if (nav_TO==2000) {
			SELSUBMENU=51;
		} else if (nav_TO==3000) {
			SELSUBMENU=52;
		} else if (nav_TO==4000) {
			SELSUBMENU=53;
		}
		ChangeClass("smenu-"+SELSUBMENU,"submenuitem sel");
	}
	clearTimeout(HT);
	var PG="<img src='img/m_services.png' />";
	PG	 +="<div class='navbuttons'>";
	PG	 +="	<div id='navprevbutton' class='navbutton' onclick='navPrevPage();'>&lt;&lt;&lt; previous page</div>";
	PG	 +="	&nbsp;&nbsp;&nbsp;";
	PG	 +="	<div id='navnextbutton' class='navbutton' onclick='navNextPage();'>next page &gt;&gt;&gt;</div>";
	PG	 +="</div>";
	document.getElementById("pageframe2").innerHTML=PG;
	document.getElementById("pageframe1").innerHTML="<div id='content'>"+document.getElementById("content-menu-services").innerHTML+"</div>";
	switch (SELSUBMENU) {
		case 50:
			nav_POS=0;
			nav_TO=0;
			ChangeClass("navprevbutton","navbutton disabled");
			break;
		case 51:
			nav_POS=2000;
			nav_TO=2000;
			break;
		case 52:
			nav_POS=3000;
			nav_TO=3000;
			break;
		case 53:
			nav_POS=4000;
			nav_TO=4000;
			ChangeClass("navnextbutton","navbutton disabled");
			break;
			
	}
	document.getElementById("content").style.marginLeft="-"+nav_POS+"px";
	CUR_PAGE=-1;
	nav_MAX=4000;
	nav_STEP=1000;
	nav_STATUS="STOP";
}

// ----
function menu_Testimonials() {
	if (SELSUBMENU!="") {
		if (SELSUBMENU<60 || SELSUBMENU>63) {
			ChangeClass("smenu-"+SELSUBMENU,"submenuitem");
			SELSUBMENU=60;
			ChangeClass("smenu-"+SELSUBMENU,"submenuitem sel");
		}
	} else {
		SELSUBMENU=60;
		ChangeClass("smenu-"+SELSUBMENU,"submenuitem sel");
	}
	document.pageNav=function() {
		ChangeClass("smenu-"+SELSUBMENU,"submenuitem");
		ChangeClass("bsmenu-"+SELSUBMENU,"bmenuitem");
		if (nav_TO<TPOS[8]) {
			SELSUBMENU=60;
		} else if (nav_TO>(TPOS[8]-1) && nav_TO<TPOS[9]) {
			SELSUBMENU=61;
		} else if (nav_TO>(TPOS[9]-1) && nav_TO<TPOS[10]) {
			SELSUBMENU=62;
		} else {
			SELSUBMENU=63;
		}
		ChangeClass("smenu-"+SELSUBMENU,"submenuitem sel");
		ChangeClass("bsmenu-"+SELSUBMENU,"bmenuitem selected");
	}

	clearTimeout(HT);


//var TPOS=new Array();
//var TMMAX=0;
//var TESTIM="";


	SELX=[];
	SELX[SELSUBMENU]="selected";

	var PG="<img src='img/m_testimonials.png' />";
	PG+="<div class='bottommenu'>";
	PG+="<div id='bsmenu-60' class='bmenuitem "+SELX[60]+"' onclick='selSmenu(60);menu_Testimonials()' >Real Brides</div>";
	PG+="<div id='bsmenu-61' class='bmenuitem "+SELX[61]+"' onclick='selSmenu(61);menu_Testimonials()' >Professionals</div>";
	PG+="<div id='bsmenu-62' class='bmenuitem "+SELX[62]+"' onclick='selSmenu(62);menu_Testimonials()' >Celebrities</div>";
	PG+="<div id='bsmenu-63' class='bmenuitem "+SELX[63]+"' onclick='selSmenu(63);menu_Testimonials()' >Students</div>";
	
	PG	+= "</div>";
	
	PG	 +="<div class='navbuttons' style='margin-top: -20px;'>";
	PG	 +="	<div id='navprevbutton' class='navbutton' onclick='navPrevPage();'>&lt;&lt;&lt; previous page</div>";
	PG	 +="	&nbsp;&nbsp;&nbsp;";
	PG	 +="	<div id='navnextbutton' class='navbutton' onclick='navNextPage();'>next page &gt;&gt;&gt;</div>";
	PG	 +="</div>";
	document.getElementById("pageframe2").innerHTML=PG;
	document.getElementById("pageframe1").innerHTML="<div id='content'>"+TESTIM+"</div>";
	switch (SELSUBMENU) {
		case 60:
			nav_POS=0;
			nav_TO=0;
			ChangeClass("navprevbutton","navbutton disabled");
			break;
		case 61:
			nav_POS=TPOS[8];
			nav_TO=TPOS[8];
			break;
		case 62:
			nav_POS=TPOS[9];
			nav_TO=TPOS[9];
			break;			
		case 63:
			nav_POS=TPOS[10];
			nav_TO=TPOS[10];
			break;			
	}
	document.getElementById("content").style.marginLeft="-"+nav_POS+"px";
	nav_MAX=TMMAX;
	nav_STEP=1000;
	nav_STATUS="STOP";
	CUR_PAGE=-1;
}

// ----
function showImage(ID) {
	CIC=ID;
	LB=0;
	document.getElementById("primg").style.visibility="hidden";
	document.getElementById("pimagemask").style.visibility="hidden";
	document.getElementById("previewimage").style.visibility="visible";
	document.getElementById("loading").style.display="block";
	loaderBar();
	document.getElementById("primg").onload=function() {
		CW=Number(IMGS[CIC][4]);
		document.getElementById("pimagemask").style.width=(CW+10)+"px";
		document.getElementById("pimagemask").style.marginLeft="-"+(CW/2)+"px";
		document.getElementById("primg").style.marginLeft="-"+(CW/2)+"px";
		document.getElementById("primg").style.visibility="visible";
		document.getElementById("pimagemask").style.visibility="visible";
		document.getElementById("loading").style.display="none";
	}
	document.getElementById("primg").src="_imgs/"+IMGS[CIC][1]+"_FULL.jpg";
}

function loaderBar() {
	document.getElementById("lprogress").style.width=LB+"px";
	LB=LB+3;
	if (LB>224) {
		LB=224;
	}
	if (document.getElementById("loading").style.display=="block") {
		setTimeout("loaderBar();",25);
	}
}


function closePreview() {
	document.getElementById("previewimage").style.visibility="hidden";
	document.getElementById("primg").style.visibility="hidden";
	document.getElementById("pimagemask").style.visibility="hidden";
}

function nextPreview() {
	CIC++;
	if (CIC==IMGS.length) {
		CIC=0;
	}
	showImage(CIC);
}

function prevPreview() {
	CIC--;
	if (CIC<0) {
		CIC=IMGS.length-1;
	}
	showImage(CIC);
}


// ----
function menu_PressAndTV() {
	if (SELSUBMENU!="") {
		if (SELSUBMENU<70 || SELSUBMENU>73) {
			ChangeClass("smenu-"+SELSUBMENU,"submenuitem");
			SELSUBMENU=70;
			ChangeClass("smenu-"+SELSUBMENU,"submenuitem sel");
		}
	} else {
		SELSUBMENU="70";
		ChangeClass("smenu-"+SELSUBMENU,"submenuitem sel");
	}
	
	document.pageNav=function() {
	}

	SELX=[];
	SELG=0;
	if (SELSUBMENU==70) {
		SELG=6;
	}
	if (SELSUBMENU==71) {
		SELG=5;
	}
	
	SELX[SELSUBMENU]="selected";
	
	clearTimeout(HT);

	IMGS=[];
	for (ii=0; ii<PORTFOLIO.length; ii++) {
		if (PORTFOLIO[ii][0]==SELG) {
			IMGS.push(PORTFOLIO[ii]);
		}
	}
	
	var PG="<div class='bottommenu'>";
	PG+="<div class='bmenuitem "+SELX[70]+"' onclick='selSmenu(70);menu_PressAndTV()' >Editorials</div>";
	PG+="<div class='bmenuitem "+SELX[71]+"' onclick='selSmenu(71);menu_PressAndTV()' >Backstage</div>";
	PG+="<div class='bmenuitem "+SELX[72]+"' onclick='selSmenu(72);menu_PressAndTV()' >Books</div>";
	PG+="<div class='bmenuitem "+SELX[73]+"' onclick='selSmenu(73);menu_PressAndTV()' >Videos</div>";
	
	PG	+= "</div>";
	PG	+= "<div id='controlls' style='visibility: hidden;'><div class='scrollbg'>";
	PG	+= "	<div class='scroll' id='scrollbar'></div>";
	PG	+= "</div>";
	PG	+= "<div class='leftarrow' onmouseover='swapToLeft();' onmousedown='swapToLeft();moveFaster()' onmouseup='moveNormal()' ></div>";
	PG	+= "<div class='rightarrow' onmouseover='swapToRight();' onmousedown='swapToRight();moveFaster()' onmouseup='moveNormal()'></div></div>";
	PG	+= "<img src='img/gbl.png' width=17 height=443 class='baddl' />";
	PG	+= "<img src='img/gbr.png' width=21 height=443 class='baddr' />";
	document.getElementById("pageframe2").innerHTML=PG;
	
	if (SELG>0) {
		drawGallery();
	} else {
		if (SELSUBMENU==72) {
			document.getElementById("pageframe1").innerHTML="<div id='content'>"+document.getElementById("content-menu-book").innerHTML+"</div>";
		}
		if (SELSUBMENU==73) {
			document.getElementById("pageframe1").innerHTML="<div id='content'>"+document.getElementById("content-menu-videos").innerHTML+"</div>";
		}
	}
	
}



// ----
function menu_Portfolio() {
	if (SELSUBMENU!="") {
		if (SELSUBMENU>40) {
			ChangeClass("smenu-"+SELSUBMENU,"submenuitem");
			SELSUBMENU=0;
			ChangeClass("smenu-"+SELSUBMENU,"submenuitem sel");
		}
	} else {
		SELSUBMENU="0";
		ChangeClass("smenu-"+SELSUBMENU,"submenuitem sel");
	}
	
	document.pageNav=function() {
	}
		
	clearTimeout(HT);

	IMGS=[];
	for (ii=0; ii<PORTFOLIO.length; ii++) {
		if (PORTFOLIO[ii][0]==CATEGORIES[SELSUBMENU][0]) {
			IMGS.push(PORTFOLIO[ii]);
		}
	}
	
	
	var PG="<div class='bottommenu'>";
	for (ii=0; ii<CATEGORIES.length; ii++) {
		if (ii==SELSUBMENU) {
			SLL="selected";
		} else {
			SLL="";
		}
		PG+="<div class='bmenuitem "+SLL+"' onclick='selSmenu("+ii+");menu_Portfolio()' >"+CATEGORIES[ii][1]+"</div>";
	}
	
	PG	+= "</div>";
	PG	+= "<div id='controlls' style='visibility: hidden;'><div class='scrollbg'>";
	PG	+= "	<div class='scroll' id='scrollbar'></div>";
	PG	+= "</div>";
	PG	+= "<div class='leftarrow' onmouseover='swapToLeft();' onmousedown='swapToLeft();moveFaster()' onmouseup='moveNormal()' ></div>";
	PG	+= "<div class='rightarrow' onmouseover='swapToRight();' onmousedown='swapToRight();moveFaster()' onmouseup='moveNormal()'></div></div>";
	PG	+= "<img src='img/gbl.png' width=17 height=443 class='baddl' />";
	PG	+= "<img src='img/gbr.png' width=21 height=443 class='baddr' />";
	document.getElementById("pageframe2").innerHTML=PG;

	drawGallery();


}


function drawGallery() {
	document.getElementById("pageframe1").innerHTML="<div id='content'></div>";

	LCNT=0;
	MAXLWIDTH=0;
	MOVER=-1;
	MULT=1;	
	
	IMGB="";
	
	LWIDTH1=20;
	LWIDTH2=20;

	for (ii=0; ii<IMGS.length; ii++) {
		if (LWIDTH1>LWIDTH2) {
			LWIDTH2+=Number(IMGS[ii][2])+20;
		} else {
			LWIDTH1+=Number(IMGS[ii][2])+20;
		}
	}
		
	if (LWIDTH1<LWIDTH2) {
		DIST=(LWIDTH2-LWIDTH1)/2;
		LWIDTH1=20;
		LWIDTH2=20+DIST;
	} else if (LWIDTH1>LWIDTH2) {
		DIST=(LWIDTH1-LWIDTH2)/2;
		LWIDTH1=20+DIST;
		LWIDTH2=20;
	} else {
		LWIDTH1=20;
		LWIDTH2=20;
	}
		
	for (ii=0; ii<IMGS.length; ii++) {
		var Y=55;
		var X=LWIDTH1;
		if (LWIDTH1>LWIDTH2) {
			Y=225;
			X=LWIDTH2;
		}
		IMGB+="<img id='gimage-"+ii+"' width="+IMGS[ii][2]+" height="+IMGS[ii][3]+" onclick='showImage("+ii+");' src='_imgs/"+IMGS[ii][1]+"_NORM.jpg' class='gimages' style='left:"+X+"px; top:"+Y+"px;' />";
		if (Y>100) {
			LWIDTH2+=Number(IMGS[ii][2])+20;
		} else {
			LWIDTH1+=Number(IMGS[ii][2])+20;
		}
	}
	document.getElementById("content").innerHTML=IMGB;

	MAXLWIDTH=LWIDTH1;
	if (LWIDTH2>MAXLWIDTH) {
		MAXLWIDTH=LWIDTH2;
	}
	FW=MAXLWIDTH;
	MAXLWIDTH=990-MAXLWIDTH;

	if (FW<990) {
		document.getElementById("content").style.marginLeft=(495-(FW/2))+"px";
	} else {
		HT=setTimeout("imageMove();",25);
		document.getElementById("controlls").style.visibility="visible";
	}
}


function imageMove() {
	var CM=document.getElementById("content").style.marginLeft;
	CM=CM.replace("px","");
	if (CM=="") {
		CM=0;
	}
	CM=Number(CM)+(Number(MOVER)*Number(MULT));
	if (CM>0) {
		CM=-1;
		MOVER=-1;
		if (MULT>1) {
			MULT=0;
		}
	}
	if (CM<MAXLWIDTH) {
		CM=MAXLWIDTH;
		MOVER=1;
		if (MULT>1) {
			MULT=0;
		}
	}
	document.getElementById("content").style.marginLeft=CM+"px";
	document.getElementById("scrollbar").style.left=(-1)*((-490)/MAXLWIDTH)*CM+"px";
	HT=setTimeout("imageMove();",40);
}

function swapToLeft() {
	MOVER=1;
}
function swapToRight() {
	MOVER=-1;
}

function moveFaster() {
	MULT=15;
}

function moveNormal() {
	MULT=1;
}


// ---
function navPrevPage() {
	if (nav_POS==0 || nav_STATUS!="STOP") {
		return;
	}
	if (CUR_PAGE!=-1) {
		ChangeClass("page-"+CUR_PAGE,"content");
		xx=document.getElementById(SELMENU+"-page-"+CUR_PAGE);
		if (xx) {
			xx.className="content";
			xx.setAttribute("class", "content");
			CUR_PAGE--;
		}
	}
	nav_STATUS="MOVING";
	nav_TO=nav_POS-nav_STEP;
	if (nav_TO<0) {
		nav_TO=0;
	}
	document.pageNav();
	HT=setTimeout("navMove();",100);
}




function navNextPage() {
	if (nav_POS==nav_MAX || nav_STATUS!="STOP") {
		return;
	}
	if (CUR_PAGE!=-1) {
		xx=document.getElementById(SELMENU+"-page-"+CUR_PAGE);
		if (xx) {
			xx.className="content";
			xx.setAttribute("class", "content");
			CUR_PAGE++;
		}
	}
	nav_STATUS="MOVING";
	nav_TO=nav_POS+nav_STEP;
	if (nav_TO>nav_MAX) {
		nav_TO=nav_MAX;
	}
	document.pageNav();
	HT=setTimeout("navMove();",100);
}

function navMove() {
	var CW=document.getElementById("content").style.marginLeft;
	if (CW==nav_TO) {
		return;
	}
	if (CW=="") {CW=0;} else {CW=parseInt(CW)*(-1);}
	var SETT=0;
	var DIST=0;
	if (CW<nav_TO) {
		DIST=parseInt(nav_TO-CW)/8;
		SETT=CW+DIST;
	} else {
		DIST=(CW-nav_TO)/8;
		SETT=CW-DIST;
	}
	if (DIST<1) {
		SETT=nav_TO;
	}
	SETT=parseInt(SETT);
	document.getElementById("content").style.marginLeft="-"+SETT+"px";
	if (SETT!=nav_TO) {
		HT=setTimeout("navMove();",30);
	} else {
		nav_POS=nav_TO;
		if (nav_POS==nav_MAX) {
			ChangeClass("navnextbutton","navbutton disabled");
		} else {
			ChangeClass("navnextbutton","navbutton");
		}
		if (nav_POS==0) {
			ChangeClass("navprevbutton","navbutton disabled");
		} else {
			ChangeClass("navprevbutton","navbutton");
		}
		nav_STATUS="STOP";
		if (CUR_PAGE!=-1) {
			xx=document.getElementById("links-page-"+CUR_PAGE);
			if (xx) {
				xx.className="content active";
				xx.setAttribute("class", "content active");
			}
		}
	}
}

document.pageNav=function() {
}

function pad(number, length) {
	var str = '' + number;
	while (str.length < length) {
	    str = '0' + str;
	}
	return str;
}

