// EX: /images/product_shots/19.jpg
//     /images/plate_shots/small_plates/8.jpg
var pvType = {product:'/images/product_shots/',plate:'/images/plate_shots/small_plates/'};//preview type
var g_popup = null;
var ckPicArray = new Array();
// Example:
// ckImagePreload( ['01.gif', '02.gif']); 
function ckImagePreload(picArray)
{
	var args = picArray;
	document.imageArray = new Array(args.length);
	for(var i=0; i<args.length; i++)
	{
		document.imageArray[i] = new Image;
		var src=(IsProductPage()?pvType.product:pvType.plate)+ args[i]+'.jpg';
		document.imageArray[i].src = src;
	}
}
function ckInitImagePreload()
{
	var anchors=getElementsWithAttribute('itemid');
	
	for(var i=0;i<anchors.length;i++)
	{
		var itemId = anchors[i].attributes.itemid.value;
		var url=(IsProductPage()?pvType.product:pvType.plate)+itemId+'.jpg';
		ckPicArray.push(url);
	}
	ckImagePreload(ckPicArray);
	//confirm(ckPicArray.toString());
}

function IsProductPage(){var p = (location.pathname=="/a_productbytype.asp");return p;}
function LoadUrlParams()
{
    var query = window.location.search.substring(1);
    var parms = query.split('&');
    var qsParm = new Array(parms.length);
    for (var i=0; i<parms.length; i++)
    {
        var pos = parms[i].indexOf('=');
        if (pos > 0)
        {
            var key = parms[i].substring(0,pos);
            var val = parms[i].substring(pos+1);
            qsParm[key] = val;
        }
    }
    return qsParm;
}

function PicLayer(isFloating){
    var pathSteps = document.URL.replace('http://','').split('/').length - 1;
    var relPath = '';
    for(var i = 0; i < pathSteps; i++){relPath += '../';}
    var divMaster = document.createElement('div');
    divMaster.id = 'PopupMasterContainer';
    divMaster.style.visibility='visible';
    
    var divHandle = document.createElement('div');
    divHandle.id = 'PopupTopHandle';
    divHandle.className = 'popupDragBar';
    //divHandle.style.cursor = 'move';
    
    var divButtons = document.createElement('div');
    divButtons.id = 'PopupTopButtons';
    divButtons.className = 'popupButtonContainer';
    
    var imgClose = new Image();
    imgClose.className = 'popupCloseIcon';
    imgClose.src = relPath + '/include/images/close.jpg';
    imgClose.id = 'IcnClose';
    imgClose.alt = 'Close';
    imgClose.width = '16';
    imgClose.height = '16';
    imgClose.style.cursor='pointer';
    
    var divTitle = document.createElement('div');
    divTitle.id = 'PopupTopTitle';
    divTitle.className = 'popupWindowTitle';
    
    var divContent = document.createElement('div');
    divContent.id = 'PopupContent';
    divContent.className = 'popupConsole';
    document.body.appendChild(divMaster);
    divMaster.appendChild(divHandle);
        divHandle.appendChild(divButtons);
            divButtons.appendChild(imgClose);
        divHandle.appendChild(divTitle);
    divMaster.appendChild(divContent);
}
function InitLinkPage()
{
    var a=getElementsByAttribute('class', 'maintextsmallerblu');
    for(var i=0;i<a.length;i++){
        attachEventListener(a[i], 'mouseover', OnImageLinkOver, false);
        attachEventListener(a[i], 'mouseout', OnImageLinkOut, false);
    }
    PicLayer(false);
    RelocateLayer();
    attachEventListener(document.getElementById('IcnClose'),'click',LayerHide,false);
    attachEventListener(window,'resize',RelocateLayer,false);
    LayerHide();
}
function OnImageLinkOver(e)
{
    var a=getEventTarget(e);
    var pid=a.getAttribute("itemid").toString();
    var url=(IsProductPage()?pvType.product:pvType.plate)+pid+'.jpg';
    ShowPics(url,a.innerHTML,'');
}
function OnImageLinkOut(e){/* LayerHide(); */ }
function LayerShow(){GetPopupMasterContainer().style.visibility='visible';}
function LayerHide(){GetPopupMasterContainer().style.visibility='hidden';}
//function LayerVisibilityToggle(){GetPopupMasterContainer().style.visibility=(retrieveComputedStyle(GetPopupMasterContainer(), 'visibility')=='hidden'?'visible':'hidden')}
function GetPopupMasterContainer(){return document.getElementById('PopupMasterContainer')}
function ShowPics(imgID, imgTitle, imgDesc)
{
    document.getElementById('PopupTopTitle').innerHTML = '';
	var str=(new String(imgTitle).length >0? "<center>" + imgTitle + "</center><br/>":"") + "<img src='" + imgID + "'/>";
    document.getElementById('PopupContent').innerHTML=str;
    RelocateLayer();
    LayerShow();
}
var obj;

function RelocateLayer()
{
    var m=document.getElementById('mainContentCell');
    var locm=getPosition(m);
    var pop=GetPopupMasterContainer();
    var w1=retrieveComputedStyle(pop,'width');
    var w=850;//retrieveComputedStyle(m,'width'); /* wasn't working in IE 7, but is okay to remain static,for now. */
    var x=locm[0]+parseInt(w)-(isNaN(w1)?350:parseInt(w1));
    
	obj=GetPopupMasterContainer();
	
    obj.style.left= x + 'px';
    var yw=parseInt(getScrollingPosition()[1])+parseInt(locm[1]);
    obj.style.top=(locm[1]>yw?locm[1]:yw)+'px';
}
addLoadListener(InitLinkPage);
addLoadListener(ckInitImagePreload);