var popState = 0;
var savepos=0;


document.write ('<div id="pop_trans"></div>');
document.write ('<div id="pop_frame" class="popUpBlock"></div>');


function getElementsByClass(searchClass,node,tag) 
{
	var classElements = new Array();
	if ( node == null )
		node = document;
	if ( tag == null )
		tag = '*';
	var els = node.getElementsByTagName(tag);
	var elsLen = els.length;
	var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
	for (i = 0, j = 0; i < elsLen; i++) {
		if ( pattern.test(els[i].className) ) {
			classElements[j] = els[i];
			j++;
		}
	}
	return classElements;
}
function getDim (){
	if (self.innerWidth)
	{
	 
		frameWidth = self.innerWidth-19;
		frameHeight = self.innerHeight-19;
	}
	else if (document.documentElement && document.documentElement.clientWidth)
	{
		frameWidth = document.documentElement.clientWidth;
		frameHeight = document.documentElement.clientHeight;
	}
	else if (document.body)
	{
		frameWidth = document.body.clientWidth;
		frameHeight = document.body.clientHeight;
	}
	var x,y;
	var test1 = document.body.scrollHeight;
	var test2 = document.body.offsetHeight
	if (test1 > test2) // all but Explorer Mac
	{
		x = document.body.scrollWidth;
		y = document.body.scrollHeight;
	}
	else // Explorer Mac;
	     //would also work in Explorer 6 Strict, Mozilla and Safari
	{
	 
		x = document.body.offsetWidth;
		y = document.body.offsetHeight;
	}
	var bd = {'width' : frameWidth, 'height' : frameHeight, 'scrolledWidth' : x, 'scrolledHeight' : y};
	return bd;
}

   
var bd = 0;

function replacePopupLinks(){

	var bd = getDim();
	//var elms = getElementsByClass('fabricBlock', document, 'a');
	var elms = getElementsByClass(targetLinkClassId, document, 'a');
	if(elms.length > 0)
	{
		for (i=0; i<elms.length; i++)
		{
			var href=elms[i].getAttribute('href');
			if (elms[i].getAttribute('title')){
				var tmp = elms[i].getElementsByTagName('span');
			     
				var title = tmp[0].innerHTML;
			}else {
				var title = '&nbsp;';
			}
			   
			if (elms[i].addEventListener || elms[i].attachEvent)
			{
					var panelID = href.substr(href.lastIndexOf("#"), href.length);
				elms[i].setAttribute('href', 'javascript:launchPopup(\''+panelID+'\')');
				elms[i].setAttribute('target', '_self');
				var tmpString = new String(panelID);
				var lastBit = tmpString.substring(tmpString.lastIndexOf("#anc_")+5);
				if(document.getElementById(lastBit))document.getElementById(lastBit).style.display = 'none';
			}	    
		}
	}
	else if(document.getElementById("fabrics"))
	{
		document.getElementById("fabrics").style.display = 'none';
	}
	
    hidePanels();
    backToFabrics();
    preloadRequired();	
}


function backToFabrics() {
  
     var allBackLinks = getElementsByClass('backToFabrics', document.getElementById('popUps'), 'a');
     //allBackLinks += getElementsByClass('backToFabrics', document.getElementById('popUps'), 'a');
     for (i=0; i<allBackLinks.length; i++){
     
       allBackLinks[i].href = 'javascript:closePopup();';
       
      }
      

 }
function hidePanels() {
  
     var allimages = getElementsByClass('bigimg', document.getElementById('popUps'), 'img');
     
     for (i=0; i<allimages.length; i++){
     
       allimages[i].tmp = allimages[i].src;
       
       allimages[i].src = baseurl+"/images/loadingblank.gif";
       
      }

 }

function preloadRequired(){
    var back = new Image();
    back.src = baseurl + '/images/grey.png';
}

function handleFadeBg_resize(e){
	handleFadeBg();
}

function handleFadeBg(url){

 	

  if (popState == 1){
	bd = getDim();

	var pop_trans = document.getElementById('pop_trans');
	var pop_frame = document.getElementById('pop_frame');
	
	
	
	if (navigator.appName.indexOf('Internet Explorer') != -1){
		pop_trans.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\''+baseurl+'/images/grey.png\',sizingMethod=\'scale\');'
	} else{
		pop_trans.style.backgroundImage = 'url('+baseurl+'/images/grey.png)';  
	}
	
	pop_trans.style.display = 'block';
	pop_trans.style.zIndex = '1000';
	pop_trans.style.width = bd['width']+'px';
	pop_trans.style.height = bd['scrolledHeight']+'px';
	
	if (window.innerHeight)
	{
		  pos = window.pageYOffset
	}
	else if (document.documentElement && document.documentElement.scrollTop)
	{
		pos = document.documentElement.scrollTop
	}
	else if (document.body)
	{
		  pos = document.body.scrollTop
	}
	
 if (url){
	
	pop_frame.style.visibility = 'hidden';
	pop_frame.style.display = 'block';
	
	//
	
	
	


	savepos = pos;
	//scrollTo(0,0);
	
	var tmpString = new String(url);
	var lastBit = tmpString.substring(tmpString.lastIndexOf("#anc_")+5);
	loadedImage = getElementsByClass('bigimg', document.getElementById(lastBit), 'img')[0];
	if(loadedImage)tmpPath = loadedImage.tmp;

	pop_frame.innerHTML = document.getElementById(lastBit).innerHTML;
	
	pause(100);
}



	var t = ((bd['height']-pop_frame.clientHeight)/2);
		// cor, this next line looks nice. just makes sure it's not -0
	pop_frame.style.top = (pos+t<0?'0':pos+t)+ 'px';
	pop_frame.style.left = ((bd['width']-pop_frame.clientWidth)/2) + 'px';
	
 if (url){	

	loadedImage = getElementsByClass('bigimg', pop_frame, 'img')[0];
	if(loadedImage)
	{
		loadedImage.src=tmpPath;
	}


	pop_frame.style.visibility = 'visible';
	
	
}
		



  }
  
}
function pause(numberMillis) {
	var now = new Date();
	var exitTime = now.getTime() + numberMillis;
	while (true) {
		now = new Date();
		if (now.getTime() > exitTime)
			return;
	}
}
function closePopup (){

	bd = getDim();
	
	var fadeimg = document.getElementById('pop_trans');
	var pop_frame = document.getElementById('pop_frame');
	
	
	
        var selectBoxes = document.getElementsByTagName("select");
        for (var i=0; i< selectBoxes.length; i++){
        	selectBoxes[i].style.visibility = 'visible';
        }
        
	fadeimg.style.display = 'none';
	pop_frame.style.display = 'none';
	pop_frame.style.visibility = 'hidden';
	
	pop_frame.innerHTML = "";

        popState = 0;
        
        handleFadeBg();
}

function launchPopup (href){
        popState = 1;
        imgloaded = 0;
        var selectBoxes = document.getElementsByTagName("select");
        for (var i=0; i< selectBoxes.length; i++){
        	selectBoxes[i].style.visibility = 'hidden';
        }
        handleFadeBg(href);
}

function hidediv(id) {
	//safe function to hide an element with a specified id
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'none';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'none';
		}
		else { // IE 4
			document.all.id.style.display = 'none';
		}
	}
}


 callWhenDOMLoaded (replacePopupLinks);



window.onload = domLoadedEvent;
window.onresize = handleFadeBg_resize;