//---------------------------------------
// start: BROWSER DETECTION
//---------------------------------------

//for NS 4+, IE 5+
var doc, doc2, doc3, sty;
var n4,ie,n6;
	if (document.layers){
		n4=true;doc = "document.";doc2="document.";doc3="";sty="";
	} else if (document.all){
		ie=true;doc = "document.all.";doc2="";doc3="";sty=".style";
	} else if(document.getElementById){
		n6=true;doc = "document.getElementById('";doc2="'');";doc3="');";sty=".style";
	}
//---------------------------------------
// end: BROWSER DETECTION
//---------------------------------------
//---------------------------------------
// start: main menu data/functions
//---------------------------------------
	collSquaresMenu = new Array('dre_jum_sq'
	,'sp_ct_sq'
	,'cts_fur_sq'
										,'cts_mix_sq'
										,'cts_emb_sq'
										,'cts_semi_sq'
										,'sp_win_sq'
										,'bath_sq'
										,'costume_sq'
										,'sweater_sq')

							
	function loadCollSquareImages(mData, imgArray){
		
		numRows = mData.length
		for(var i=0; i < numRows; i++){
			imgName = mData[i];
			//alert(imgName)
			imgOnName  = imgName + 'On' ;
			imgArray[imgOnName] = new Image(135,135);
			imgArray[imgOnName].src ="imgs/coll_intro/" + imgName + "_on.jpg";

			imgOffName  = imgName + 'Off' ;
			imgArray[imgOffName] =  new Image(135,135);
			imgArray[imgOffName].src ="imgs/coll_intro/" + imgName + "_off.gif";

		}
	}
	collSquaresImageArray = new Array();
	loadCollSquareImages(collSquaresMenu, collSquaresImageArray);

	function flipSquare(imgName,onOff){
		//alert(onOff);
		imgObj = eval('document.' + imgName)
		if (onOff==1){	
			imgObj.src = eval('collSquaresImageArray.'+ imgName + 'On.src');

		}else {
			imgObj.src = eval('collSquaresImageArray.'+ imgName + 'Off.src');

		}
	}
	
//---------------------------------------
// end: main menu data/functions
//---------------------------------------