var timerRunning = false;
var shopTimerRunning = false;
var MenuTimer = null
var ShopMenuTimer = null


function BrowseSortBy(SortBy){
	var BrowseSortByList = Array;
	BrowseSortByList = $('BrowseSorts').value.split(",");
	for(var j = 0; j < BrowseSortByList.length; j++){
		if(BrowseSortByList[j] != SortBy){
			$(BrowseSortByList[j]+'Sort').style.fontWeight = 'normal';
		}
	}
	$(SortBy+'Sort').style.fontWeight = 'bold';
	$('CurrentBrowseSort').value = SortBy
}



function ContractAllDevicesExcept(ShowThis){
	var ContractFieldList = Array;
	ContractFieldList = $('ContractDeviceIDs').value.split(",");
	for(var j = 0; j < ContractFieldList.length; j++){
		if(ContractFieldList[j]!=ShowThis){
			if($('AllSkins'+ContractFieldList[j])){
				Effect.BlindUp('AllSkins'+ContractFieldList[j],{duration: .2});
			}
		}
	}
	if($('AllSkins'+ShowThis).style.display == 'none'){
		Effect.BlindDown('AllSkins'+ShowThis,{duration: .2});
	}
	
	
}




function TileImages(Base, Retile,XMLFile,ColumnCount,ImageSize,ClearImages){
	
	InternetExplorer = 0;
	if($('CurrentlyLoading').value==0){
		//~ alert(1);
		$('CurrentlyLoading').value=1;
		if (parseInt(navigator.appVersion)>3) {
			if (navigator.appName=="Netscape") {
				ScreenWidth = window.innerWidth;
				ScreenHeight = window.innerHeight;
				ColumnAdj = 0;
			}
			if (navigator.appName.indexOf("Microsoft")!=-1) {
				ScreenWidth = document.body.offsetWidth;
				ColumnAdj = 5;
				InternetExplorer = 1;
				
				ScreenHeight = document.body.offsetHeight;
			}
		}
		
		var ExcludeImage =$('ExcludeImage').value;
		

		
		var WidthLimit =ColumnCount;
		
		if(Base!=0){
			var ImageRows = parseInt($('LoadImageRows').value)
		}else{
			var ImageRows = parseInt($('InitialLoadImageRows').value)
		}
		//~ alert(ImageRows);
		var ImageLimit = parseInt(parseFloat((WidthLimit)*ImageRows)); // 6 rows of images
		//~ console.log(Base+'  '+);
		//~ alert(ImageLimit );
		var ImageBase = (ImageLimit*Base);//+$('InitialLoadImageRows').value;
		if(Base!=0){
			ImageBase= ImageBase+parseInt($('InitialLoadImageRows').value);
		}
		
		var ImageLimit = ImageLimit+ImageBase;
		//~ alert(ImageBase);
		var ColumnHeight =new Array();
		
		
			var ClearCount = 1;
			while(ClearCount < WidthLimit){
				if(ClearImages==1){
					$('Column'+ClearCount).innerHTML = '';
					//~ alert('clear');
				}
				//~ alert(ClearCount-1);
				ArrayName = 'Column'+(ClearCount);//
				//~ alert(ArrayName);
				ColumnHeight[(ClearCount-1)] = new Array;
				ColumnHeight[(ClearCount-1)][0] = ArrayName;
				ColumnHeight[(ClearCount-1)][1] = parseInt($('Column'+ClearCount+'Height').value);
				ClearCount++
				//~ alert((ColumnHeight.length));
			}
			//~ if(ColumnHeight[0][1]!=0){
				ColumnHeight.sort(sortMultiDimensional);
			//~ }
		//~ }
		
		
		
		/*****
			
			GATHER INFO ABOUT WHAT IS BEING DISPLAYED
			
		*****/
		var Site = $('CurrentSiteID').value;
		var BrowseSection = $('BrowseSection').value
		//~ alert(Site);
		$('Column1').style.width = ImageSize+ColumnAdj+'px';
		$('TopImageTab').style.width = ImageSize+'px';
		$('BottomImageTab').style.width = ImageSize+'px';
		
		if(Retile==1){ // only update display of images, do not rebuild all images
			/****
			THIS IS NOT USED
			left in here for future consideration.
			
			***/
			
		}else{ // build display of images
			LayoutHTML = '';
			var ImageXML = new JKL.ParseXML(XMLFile);
			var ImageData = ImageXML.parse();
			var ImageCount = 0;
			var ImageExists = 0;
			var UseImage = 1;
			var WidthCount = 1;
			var ImageArray = new Array();
			var CurrentImages = Array;
			
			
			
			if(ImageData.artwork.skins.skin.length == undefined){
				
				ArtistID =ImageData.artwork.skins.skin.artistid;
				ArtistName = escape(ImageData.artwork.skins.skin.artistname);
				ArtistType = escape(ImageData.artwork.skins.skin.artisttype);
				ImageID = ImageData.artwork.skins.skin.id;
				ImageName = escape(ImageData.artwork.skins.skin.name)
				Combinable = escape(ImageData.artwork.skins.skin.combinable)
				Customizable = escape(ImageData.artwork.skins.skin.customizable)
				AspectRatio = parseFloat(ImageData.artwork.skins.skin.aspect)
				Filetype = (ImageData.artwork.skins.skin.imagetype)
				//~ if(ImageID==148){
					//~ alert(ImageID)
				//~ }

			var UseImage = 1;
			if($('ExcludeSection').value != ''){
				if($('ExcludeSection').value==ArtistType){
					UseImage = 0;
				}
			}
			
			if(ExcludeImage!=0){
				if(ImageID==ExcludeImage){
					UseImage = 0;
				}
			}
				
				//~ alert(ArtistType);
				var CurrentImages = Array;
				
				switch(ArtistType){
					case 'User':
						AddType = 'user';
						CurrentImages = $('CurrentUserImages').value.split(',');
						break;
					case 'Artist':
						AddType = 'stock';
						CurrentImages = $('CurrentImages').value.split(',');
						break;
					case 'Collaborator':
					
						AddType = 'collab';
						CurrentImages = $('CurrentCollabImages').value.split(',');
						break;
				}
				
				
				
				if(UseImage ==1){
					ImageExists = ArrayValue(CurrentImages, ImageID);
					ColumnName = ColumnHeight[0][0];
					ImageHeight = Math.round(parseInt(ImageSize)*AspectRatio);
					//~ if(BrowseSection =='shop'){ 
						//~ $('Column'+WidthCount).innerHTML += '<div id="Browse'+ImageID+'" class="draggable" style="position:relative; padding:0px; cursor:pointer;"><img src="images/imagedispatcher.php?id='+ImageID+'&size='+ImageSize+'&dim=x&star='+ImageExists+'" onmousedown="window.location=\'image.php?ImageID='+ImageID+'\'" onmouseover="ShowImageTabs('+ImageID+','+ArtistID+',\''+ImageName+'\',\''+ArtistName+'\',\''+AddType+'\','+Combinable+',\''+ArtistType+'\')" onmouseout="HideImageTabs('+ImageID+')"></div>';
						if($('DisplayType').value == 'ImageID'){
							$(ColumnName).innerHTML += '<div id="Browse'+ImageID+'" class="" style="background-image:url(\'images/icons/loading.gif\'); background-repeat:no-repeat; background-position:center; height:'+ImageHeight+'px; width:'+ImageSize+'px;position:relative; padding:0px; cursor:pointer; margin-bottom:3px;" onmouseover="ShowImageTabs('+ImageID+',\''+ArtistID+'\',\''+ImageName+'\',\''+ArtistName+'\',\''+AddType+'\','+Combinable+',\''+ArtistType+'\',\''+AspectRatio+'\','+Customizable+')" ><img id="BrowseImage'+ImageID+'" src="images/imagedispatcher.php?id='+ImageID+'&size='+ImageSize+'&dim=x&star='+ImageExists+'&ext='+Filetype+'&endfile=jpg" onmousedown="window.location=\'image.php?ImageID='+ImageID+'\'" style="height:'+ImageHeight+'px; width:'+ImageSize+'px;"></div>';
						}else{
							$(ColumnName).innerHTML += '<div id="Browse'+ImageID+'" class="" style="background-image:url(\'images/icons/loading.gif\'); background-repeat:no-repeat; background-position:center; height:'+ImageHeight+'px; width:'+ImageSize+'px;position:relative; padding:0px; cursor:pointer; margin-bottom:3px;" onmouseover="ShowImageTabs(\''+ImageID+'\',\''+ArtistID+'\',\''+ImageName+'\',\''+ArtistName+'\',\''+AddType+'\','+Combinable+',\''+ArtistType+'\',\''+AspectRatio+'\','+Customizable+')" ><img id="BrowseImage'+ImageID+'" src="images/skindispatcher.php?imagename='+ImageID+'&size='+ImageSize+'&dim=x&star='+ImageExists+'&ext='+Filetype+'&endfile=jpg" style="height:'+ImageHeight+'px; width:'+ImageSize+'px;"></div>';
						}
					//~ }else{
						//~ $('Column'+WidthCount).innerHTML += '<div id="Browse'+ImageID+'" class="draggable" style="position:relative; padding:0px;"><img src="images/imagedispatcher.php?id='+ImageID+'&size='+ImageSize+'&dim=x&star='+ImageExists+'" onmousedown="$(\'SelectedImageID\').value = '+ImageID+';$(\'SelectedArtistID\').value = '+ArtistID+'; $(\'SelectedArtistName\').value =\''+(ArtistName)+'\';$(\'SelectedImageName\').value = \''+(ImageName)+'\';$(\'SelectedImageSection\').value = \''+AddType+'\'" onmouseover="ShowImageTabs('+ImageID+','+ArtistID+',\''+ImageName+'\',\''+ArtistName+'\',\''+AddType+'\','+Combinable+',\''+ArtistType+'\')" onmouseout="HideImageTabs('+ImageID+')"></div>';
						//~ $(ColumnName).innerHTML += '<div id="Browse'+ImageID+'" class="" style="position:relative; padding:0px;" onmousedown="$(\'SelectedImageID\').value = '+ImageID+';$(\'SelectedArtistID\').value = '+ArtistID+'; $(\'SelectedArtistName\').value =\''+(ArtistName)+'\';$(\'SelectedImageName\').value = \''+(ImageName)+'\';$(\'SelectedImageSection\').value = \''+AddType+'\'" onmouseover="ShowImageTabs('+ImageID+','+ArtistID+',\''+ImageName+'\',\''+ArtistName+'\',\''+AddType+'\','+Combinable+',\''+ArtistType+'\')" onmouseout="HideImageTabs('+ImageID+')"><img id="BrowseImage'+ImageID+'" src="images/imagedispatcher.php?id='+ImageID+'&size='+ImageSize+'&dim=x&star='+ImageExists+'"></div>';
					//~ }
					ImageArray[ImageCount] = ImageID;
					
					//~ console.log(ImageName+' =='+ImageSize+' * '+AspectRatio+'='+ImageHeight);
					//~ alert(ImageHeight);
					//~ alert(ColumnHeight[WidthCount] +ImageHeight);
					
					NewHeight = ColumnHeight[0][1] +ImageHeight;
					
					if(NewHeight!=0&&NewHeight!=undefined){
						ColumnHeight[0][1] = NewHeight ;
					}
					ColumnHeight.sort(sortMultiDimensional);
					
					//~ ColumnHeight.sort(sortMultiDimensional);
					//~ console.log(ColumnHeight.inspect());
					WidthCount ++;
					if(WidthCount == WidthLimit){
						WidthCount = 1;
					}
					ImageCount++;
				}
				$('Column'+WidthCount).style.width = ImageSize+ColumnAdj+'px';
				ColumnHeight.sort(sortMultiDimensional);
				LoadingFlag = 0;
				
			}else{
				//~ console.log(ColumnHeight.inspect());
				FirstImage = 0;
				for(var i = 0; i < ImageData.artwork.skins.skin.length; i++){
					//~ console.log(i+' '+' '+ImageCount+' || '+ImageBase+'   '+ImageLimit);
					ArtistType = escape(ImageData.artwork.skins.skin[i].artisttype);
					var UseImage = 1;
					if($('ExcludeSection').value != ''){
						if($('ExcludeSection').value==ArtistType){
							UseImage = 0;
						}
					}
					ImageID = ImageData.artwork.skins.skin[i].id;
					if(ExcludeImage!=0){
						if(ImageID==ExcludeImage){
							UseImage = 0;
						}
					}
					
					if(ColumnCount==2 && $('HeightLimit').value!=0){
						if(ColumnHeight[0][1]>$('HeightLimit').value){
							UseImage = 0
						}
					}
					if(UseImage==1){
						ImageCount++;
					}
				
					if(ImageCount >= ImageBase){
						//~ $('CountTest').innerHTML +=ImageBase+'->'+i+'-->'+ImageLimit+'<br>';
						//~ console.log();
						if(ImageCount < ImageLimit){
						
							ArtistID =ImageData.artwork.skins.skin[i].artistid;
							ArtistName = escape(ImageData.artwork.skins.skin[i].artistname);
							
							ImageID = ImageData.artwork.skins.skin[i].id;
							ImageName = escape(ImageData.artwork.skins.skin[i].name)
							Combinable = escape(ImageData.artwork.skins.skin[i].combinable)
							Customizable = escape(ImageData.artwork.skins.skin[i].customizable)
							AspectRatio = parseFloat(ImageData.artwork.skins.skin[i].aspect)
							Filetype = (ImageData.artwork.skins.skin[i].imagetype)
							//~ if(ImageID==148){
								//~ alert(ImageID)
							//~ }

							
								
							if(UseImage ==1){
								//~ alert(ArtistType);
								var CurrentImages = Array;
								if(FirstImage==0){
									//~ alert(ImageID);
									FirstImage=1;
								}
								switch(ArtistType){
									case 'User':
										AddType = 'user';
										CurrentImages = $('CurrentUserImages').value.split(',');
										break;
									case 'Artist':
										AddType = 'stock';
										CurrentImages = $('CurrentImages').value.split(',');
										break;
									case 'Collaborator':
									
										AddType = 'collab';
										CurrentImages = $('CurrentCollabImages').value.split(',');
										break;
								}
								
								ImageExists = ArrayValue(CurrentImages, ImageID);
							
								ColumnName = ColumnHeight[0][0];
								ImageHeight = Math.round(parseInt(ImageSize)*AspectRatio);
								//~ if(BrowseSection =='shop'){ 
									//~ $('Column'+WidthCount).innerHTML += '<div id="Browse'+ImageID+'" class="draggable" style="position:relative; padding:0px; cursor:pointer;"><img src="images/imagedispatcher.php?id='+ImageID+'&size='+ImageSize+'&dim=x&star='+ImageExists+'" onmousedown="window.location=\'image.php?ImageID='+ImageID+'\'" onmouseover="ShowImageTabs('+ImageID+','+ArtistID+',\''+ImageName+'\',\''+ArtistName+'\',\''+AddType+'\','+Combinable+',\''+ArtistType+'\')" onmouseout="HideImageTabs('+ImageID+')"></div>';
									
									
									if($('DisplayType').value=='ImageID'){
										if(InternetExplorer==0){
											ImageContainerObject = document.createElement('div')
											ImageContainerObject.id ='Browse'+ImageID
											ImageContainerObject.style.backgroundImage= 'url(\'images/icons/loading.gif\')'
											ImageContainerObject.style.backgroundPosition= 'center'
											ImageContainerObject.style.backgroundRepeat= 'no-repeat'
											ImageContainerObject.style.height= ImageHeight+'px';
											ImageContainerObject.style.width= ImageSize+'px';
											ImageContainerObject.style.position= 'relative';
											ImageContainerObject.style.padding= '0px';
											ImageContainerObject.style.cursor= 'pointer';
											ImageContainerObject.style.marginBottom= '3px';
											ImageContainerObject.setAttribute('onmouseover','ShowImageTabs('+ImageID+',\''+ArtistID+'\',\''+ImageName+'\',\''+ArtistName+'\',\''+AddType+'\','+Combinable+',\''+ArtistType+'\',\''+AspectRatio+'\','+Customizable+')');
											
											ImageObject = document.createElement('img');
											ImageObject.id = 'BrowseImage'+ImageID
											ImageObject.src = 'images/imagedispatcher.php?id='+ImageID+'&size='+ImageSize+'&dim=x&star='+ImageExists+'&ext='+Filetype+'&endfile=jpg'
											ImageObject.style.height = ImageHeight+'px;';
											ImageObject.style.width = ImageSize+'px;'
											ImageObject.setAttribute('onmousedown','window.location=\'image.php?ImageID='+ImageID+'\'');
											//~ while(!isImageOk(ImageObject)){
											//~ }
											
											
											//~ ImagePreload.prototype.Preload = function( p_oImage )
											
											ImageContainerObject.appendChild(ImageObject);
											$(ColumnName).appendChild(ImageContainerObject);
										}else{
											$(ColumnName).innerHTML += '<div id="Browse'+ImageID+'" class="" style=" background-repeat:no-repeat; background-position:center; height:'+ImageHeight+'px; width:'+ImageSize+'px;position:relative; padding:0px; cursor:pointer; margin-bottom:3px;" onmouseover="ShowImageTabs('+ImageID+',\''+ArtistID+'\',\''+ImageName+'\',\''+ArtistName+'\',\''+AddType+'\','+Combinable+',\''+ArtistType+'\',\''+AspectRatio+'\','+Customizable+')" ><img id="BrowseImage'+ImageID+'" src="images/imagedispatcher.php?id='+ImageID+'&size='+ImageSize+'&dim=x&star='+ImageExists+'&ext='+Filetype+'&endfile=jpg" onmousedown="window.location=\'image.php?ImageID='+ImageID+'\'" style="height:'+ImageHeight+'px; width:'+ImageSize+'px;"></div>';
										}
									}else if($('DisplayType').value=='ImageName'){
										$(ColumnName).innerHTML += '<div id="Browse'+ImageID+'" class="" style="background-image:url(\'images/icons/loading.gif\'); background-repeat:no-repeat; background-position:center; height:'+ImageHeight+'px; width:'+ImageSize+'px;position:relative; padding:0px; cursor:pointer; margin-bottom:3px;" onmouseover="ShowImageTabs(\''+ImageID+'\',\''+ArtistID+'\',\''+ImageName+'\',\''+ArtistName+'\',\''+AddType+'\','+Combinable+',\''+ArtistType+'\',\''+AspectRatio+'\','+Customizable+')" ><img id="BrowseImage'+ImageID+'" src="images/skindispatcher.php?imagename='+ImageID+'&size='+ImageSize+'&dim=x&star='+ImageExists+'&ext='+Filetype+'&endfile=jpg" style="height:'+ImageHeight+'px; width:'+ImageSize+'px;"></div>';
									}
								//~ }else{
									//~ $('Column'+WidthCount).innerHTML += '<div id="Browse'+ImageID+'" class="draggable" style="position:relative; padding:0px;"><img src="images/imagedispatcher.php?id='+ImageID+'&size='+ImageSize+'&dim=x&star='+ImageExists+'" onmousedown="$(\'SelectedImageID\').value = '+ImageID+';$(\'SelectedArtistID\').value = '+ArtistID+'; $(\'SelectedArtistName\').value =\''+(ArtistName)+'\';$(\'SelectedImageName\').value = \''+(ImageName)+'\';$(\'SelectedImageSection\').value = \''+AddType+'\'" onmouseover="ShowImageTabs('+ImageID+','+ArtistID+',\''+ImageName+'\',\''+ArtistName+'\',\''+AddType+'\','+Combinable+',\''+ArtistType+'\')" onmouseout="HideImageTabs('+ImageID+')"></div>';
									//~ $(ColumnName).innerHTML += '<div id="Browse'+ImageID+'" class="" style="position:relative; padding:0px;" onmousedown="$(\'SelectedImageID\').value = '+ImageID+';$(\'SelectedArtistID\').value = '+ArtistID+'; $(\'SelectedArtistName\').value =\''+(ArtistName)+'\';$(\'SelectedImageName\').value = \''+(ImageName)+'\';$(\'SelectedImageSection\').value = \''+AddType+'\'" onmouseover="ShowImageTabs('+ImageID+','+ArtistID+',\''+ImageName+'\',\''+ArtistName+'\',\''+AddType+'\','+Combinable+',\''+ArtistType+'\')" onmouseout="HideImageTabs('+ImageID+')"><img id="BrowseImage'+ImageID+'" src="images/imagedispatcher.php?id='+ImageID+'&size='+ImageSize+'&dim=x&star='+ImageExists+'"></div>';
								//~ }
								ImageArray[ImageCount] = ImageID;
								
								//~ console.log(ImageName+' =='+ImageSize+' * '+AspectRatio+'='+ImageHeight);
								//~ alert(ImageHeight);
								//~ alert(ColumnHeight[WidthCount] +ImageHeight);
								
								NewHeight = ColumnHeight[0][1] +ImageHeight;
								
								if(NewHeight!=0&&NewHeight!=undefined){
									ColumnHeight[0][1] = NewHeight ;
								}
								ColumnHeight.sort(sortMultiDimensional);
								
								//~ ColumnHeight.sort(sortMultiDimensional);
								//~ console.log(ColumnHeight.inspect());
								WidthCount ++;
								if(WidthCount == WidthLimit){
									WidthCount = 1;
								}
								
								$('Column'+WidthCount).style.width = ImageSize+ColumnAdj+'px';
								ColumnHeight.sort(sortMultiDimensional);
							}
						}else{
							//~ alert(ImageID);
							break;
						}
					}
						
				}
				OutsideImageCount = i;
				//~ ColumnHeight.sort();
				for (var b = 0; b < ColumnHeight.length; b++) {
				//~ console.log(ColumnHeight[b][0]);
					$(ColumnHeight[b][0]+'Height').value = ColumnHeight[b][1];
				}
				//~ console.log(ImageBase+'+'+ImageLimit+'='+i);
				//~ ColumnHeight.sort(sortMultiDimensional);
				//~ console.log(ColumnHeight.inspect());
				
				if($('OldScrollCount').value != i ){
					$('OldScrollCount').value = i;
					LoadingFlag = 0;
				}else{
					LoadingFlag = 1;
				}
			}
				
		}
		//~ alert(LoadingFlag);
		$('CurrentlyLoading').value=LoadingFlag;
	}
	
	
	/// SET BROWSE
	if($('CurrentPage').value == 'browse'){
		CurrentBrowse  = $('CurrentBrowseSort').value
		url = 'managebrowse.php?bsort='+CurrentBrowse
		new Ajax.Request(url, {
		asynchronous:true,
		method: 'get',
		onSuccess: function(transport){	
	

		}
	});
		
	}
	//~ alert(ColumnHeight);
}
	
	
var me;
function getID( swfID ){
	if(navigator.appName.indexOf("Microsoft") != -1){
		me = window[swfID];
	}else{
		me = document[swfID];
	}
}

function sortMultiDimensional(a,b){
    // this sorts the array using the second element    
    return ((a[1] < b[1]) ? -1 : ((a[1] > b[1]) ? 1 : 0));
}
	
function ShowImageTabs(ImageID, ArtistID, ImageName, ArtistName, Section,Combinable,ArtistType,AspectRatio,Customizable){
	/*var ImageXML = new JKL.ParseXML( $('HostBase').value+'s3cr3td4t4/artwork.xml');
	var ImageData = ImageXML.parse();
	for(var i = 0; i < ImageData.images.image.length; i++){
		if(ImageData.images.image[i].id==ImageID){
			ImageName =ImageData.images.image[i].name;
			ArtistName =ImageData.images.image[i].artist;
		}
	}*/
	
	if (parseInt(navigator.appVersion)>3) {
		if (navigator.appName=="Netscape") {
			ColumnAdj = 0;
		}
		if (navigator.appName.indexOf("Microsoft")!=-1) {
			ColumnAdj = 0;
		}
	}
	
	
	var CurrentImages = Array;
	//~ alert(ArtistType);
	switch(ArtistType){
		case 'User':
			CurrentImages = $('CurrentUserImages').value.split(',');
			break;
		case 'Artist':
			CurrentImages = $('CurrentImages').value.split(',');
			break;
		case 'Collaborator':
			CurrentImages = $('CurrentCollabImages').value.split(',');
			break;
	}
	ImageExists = ArrayValue(CurrentImages, ImageID);

	$('SelectedImageName').value =  ImageName;
	$('SelectedArtistName').value =ArtistName;
	$('SelectedCombinable').value =Combinable;
	$('SelectedCustomizable').value =Combinable;
	$('SelectedImageSection').value =Section;
	$('SelectedAspectRatio').value =AspectRatio;
	$('RolloverImageName').innerHTML ='<a href="javascript:void(0);" style="text-decoration:none; color:black;" onclick="window.location=\'image.php?ImageID='+ImageID+'\'">'+stripslashes(unescape(ImageName))+'</a>';
	$('RolloverArtistName').innerHTML ='<a href="javascript:void(0);" style="text-decoration:none; color:black;" onclick="window.location=\'artist.php?ArtistID='+ArtistID+'&ImageID='+ImageID+'\'">'+stripslashes(unescape(ArtistName))+'</a>';
	//~ $('RolloverArtistName').innerHTML =unescape(ArtistName);
	//~ $('RolloverImage').innerHTML ='<a href="javascript:void(0);" style="cursor: pointer;" onmousedown="window.location=\'image.php?ImageID='+ImageID+'\'"><img src="images/imagedispatcher.php?id='+ImageID+'&size='+$('ColumnSize').value+'&dim=x" border="0" ></a> ';
	$('RolloverImage').innerHTML ='';
	
	ImageNode = $('BrowseImage'+ImageID).cloneNode(false)
	$('RolloverImage').appendChild(ImageNode);// = $('BrowseImage'+ImageID).cloneNode(true)e
	//~ $('RolloverImage').innerHTML ='<a href="javascript:void(0);" style="cursor: pointer;" onmousedown="window.location=\'image.php?ImageID='+ImageID+'\'"><img src="images/imagedispatcher.php?id='+ImageID+'&size='+$('ColumnSize').value+'&dim=x" border="0" ></a> ';
	//~ $('RolloverImage').src ='images/imagedispatcher.php?id='+ImageID+'&size=225&dim=x'
	$('RolloverContainer').style.top = $('Browse'+ImageID).offsetTop-$('ImageData').scrollTop-11+'px' ;
	$('RolloverContainer').style.left = $('Browse'+ImageID).offsetLeft+ColumnAdj-11+'px';
	
	//~ $('TopImageTab').style.top = $('Browse'+ImageID).offsetTop-$('ImageData').scrollTop+'px' ;
	//~ $('TopImageTab').style.left = $('Browse'+ImageID).offsetLeft+ColumnAdj+'px';
	//~ $('BottomImageTab').style.top = $('Browse'+ImageID).offsetTop+$('Browse'+ImageID).offsetHeight-28-$('ImageData').scrollTop +'px';
	//~ $('BottomImageTab').style.left = $('Browse'+ImageID).offsetLeft+ColumnAdj+'px';
	//~ $('TopImageTab').show();//style.display="block";
	if($('DisplayType').value!='ImageName'){
		if(ImageExists == 0){
		
			//~ $('BottomImageTab').show();//style.display="block";
			$('RolloverFavoriteStar').innerHTML ='<a href="javascript:void(0);" onclick="javascript: AddToLightBox('+ImageID+','+ArtistID+', \''+Section+'\','+ImageID+','+Combinable+',\''+AspectRatio+'\','+Customizable+')" style="text-decoration:none; color:white; display:block; margin-top:10px;"><img src="images/icons/favicon-grey.png" alt="Add to Favorites" title="Add to Favorites" border="0"></a>';
			BottomTagFlag = 1;
		}else{
			$('RolloverFavoriteStar').innerHTML ='<a href="javascript:void(0);" onmouseover="javascript:ShowRemoveImage('+ImageID+', \''+Section+'\','+ArtistID+','+ImageID+','+Combinable+',\''+AspectRatio+'\');" onmousedown="javascript:RemoveImage();" style="text-decoration:none; color:white;display:block; margin-top:10px;"><img src="images/icons/favicon.png" border="0" alt="Remove from Favorites" title="Remove from Favorites"></a>';
			BottomTagFlag = 0;
		}
	}else{
		BottomTagFlag = 0;
	}
	
	$('ShowBottomTab').value = BottomTagFlag;
	//~ $('RolloverContainer').show();
	
Effect.Appear('RolloverContainer', { duration: 0.2 });

}

function HideImageTabs(){
	//~ $('BottomImageTab').hide();	
	//~ $('TopImageTab').hide();
	$('RolloverContainer').hide();
	//~ $('RolloverImage').src ='';
}


function paginate(XMLFile, Base, ImageLimit){
	var ImageXML = new JKL.ParseXML('../s3cr3td4t4/'+XMLFile);
	var ImageData = ImageXML.parse();
	var ImageCount = 0;
	
	
		if(XMLFile == 'artwork.xml' || XMLFile == 'artwork-artistfirst.xml'||XMLFile == 'artwork-artist.xml'||XMLFile == 'artwork-alpha.xml'||XMLFile == 'artwork-mostviewed.xml'){
			for(var i = 0; i < ImageData.images.image.length; i++){
				ImageCount++;
			}
		}else{
			for(var i = 0; i < ImageData.artist.images.image.length; i++){
				ImageCount++;
			}
		}
	
	$('PageCount').value = ImageCount;
	NumPages = $('PageCount').value ;
	
	PageList = '';
	NumPages= Math.ceil(ImageCount/ImageLimit);

}


function ShowCategoryMenu(CategoryID){

	if($('PopUpShown').value == 0){
		var MenuCategories = $('MenuCategories').value.split(',');
		for(var j = 0; j < MenuCategories.length; j++){
			if(MenuCategories[j]!=CategoryID){
				$(MenuCategories[j]+'DeviceList').hide();
			}
		}
		
		if (timerRunning){
			clearTimeout(MenuTimer); 
			if($('OldMenu').value !=CategoryID){
				$($('OldMenu').value +'DeviceList').hide();
			}
		}
		var NewTop = $(CategoryID+'Menu').offsetTop+10;
		var NewLeft= $(CategoryID+'Menu').offsetLeft+148
		
		$(CategoryID+'DeviceList').style.top = NewTop+'px';
		$(CategoryID+'DeviceList').style.left = NewLeft+'px';
		/*$(CategoryID+'DeviceList').style.display='block';*/
		$(CategoryID+'DeviceList').appear({ duration: 0.25 });

		//~ $(CategoryID+'DeviceList').style.zIndex='10';
	}
}


function HideCategoryMenu(CategoryID){
	var MenuTimer =  setTimeout("RealHideCat("+CategoryID+")",250);
	var timerRunning = true; //
	$('OldMenu').value = CategoryID;
}


function RealHideCat(CategoryID){
	if($('MenuHover').value==0){
		$(CategoryID+'DeviceList').hide();
		var timerRunning = false;
		$('OldMenu').value = '';
	}
}



function ShowShopMenu(){
	$('ShopMenu').show();
	$('ShopMenuHover').value=1
	if (shopTimerRunning){
		clearTimeout(ShopMenuTimer); 
	}
}

function HideShopMenu(){
	var ShopMenuTimer =  setTimeout("RealHideShopMenu()",500);
	var shopTimerRunning = true; //
}

function RealHideShopMenu(){
	if($('ShopMenuHover').value==0){
		$('ShopMenu').hide();
		var shopTimerRunning = false;
	}
}

function SuperHideCat(){
	var MenuCategories = $('MenuCategories').value
	MenuCategories = MenuCategories.split(',');
	for(var j = 0; j < MenuCategories.length; j++){
		
		$(MenuCategories[j]+'DeviceList').hide();
	
	}
	$('ShopMenu').hide();
	$('BrowseMenu').hide();
	$('CreateMainMenu').hide();
}



function ShowAvailableCategoryMenu(CategoryID){
	if($('PopUpShown').value == 0){
	
		var MenuCategories = $('AvailableMenuCategories').value.split(',');
		for(var j = 0; j < MenuCategories.length; j++){
			if(MenuCategories[j]!=CategoryID){
				$(MenuCategories[j]+'AvailableDeviceList').hide();
			}
		}
		if (timerRunning){
			clearTimeout(MenuTimer); 
			if($('OldAvailableMenu').value !=CategoryID){
				$($('OldAvailableMenu').value +'AvailableDeviceList').hide();
			}
		}
			
	var NewTop = $(CategoryID+'AvailableMenu').offsetTop+$('SkinCategorySelect').offsetTop-4;
	var NewLeft = $('SkinCategorySelect').offsetLeft+175;

		$(CategoryID+'AvailableDeviceList').style.top = NewTop+'px';
		$(CategoryID+'AvailableDeviceList').style.left = NewLeft+'px';
		
		
		//~ $(CategoryID+'AvailableDeviceList').appear({ duration: 0.25 });
		$(CategoryID+'AvailableDeviceList').show();
		$(CategoryID+'AvailableDeviceList').style.opacity = '1';

		//~ $(CategoryID+'DeviceList').style.zIndex='10';
	}
}


function HideAvailableCategoryMenu(CategoryID){
	var MenuTimer =  setTimeout("RealHideAvailableCat("+CategoryID+")",250);
	var timerRunning = true; //
	$('OldAvailableMenu').value = CategoryID;
	//~ alert(1)
}


function RealHideAvailableCat(CategoryID){
	if($('AvailableMenuHover').value==0){
		$(CategoryID+'AvailableDeviceList').hide();
		var timerRunning = false;
		$('OldAvailableMenu').value = '';
		 HideSkinCategorySelect()
		 
	}
}


function SuperHideAvailableCat(){
	var MenuCategories = $('AvailableMenuCategories').value.split(',');
	for(var j = 0; j < MenuCategories.length; j++){
		$(MenuCategories[j]+'AvailableDeviceList').hide();
	}
	$('SkinCategorySelect').hide();
	//~ alert(1)
}


function HideSkinCategorySelect(){
	if($('MenuHover').value==0){
		$('SkinCategorySelect').hide();
	}
}


function SkinCategoryShow(){

	$('SkinCategorySelect').show();
	//~ if($('SkinCategorySelect').style.display!='block'){
		$('AvailableShown').value = 1;
		//~ $('SkinCategorySelect').appear({ duration: 0.25 });
		//~ $('SkinCategorySelect').style.display='block';
	//~ }
}
function ShowAvailableDevices(CategoryID,Offset){
	HideAvailableDevices(CategoryID);
	$('AvailableShown').value = 1;
	var NewTop = parseInt($('TopCategory'+CategoryID).style.top)+(Offset*25);
	
	//~ console.log(NewTop);
	$('CategoryAvailableDevices'+CategoryID).style.top = NewTop+'px';
	$('CategoryAvailableDevices'+CategoryID).show();
	//~ $('CategoryAvailableDevices'+CategoryID).appear({ duration: 0.25 });
	$('SkinCategorySelect').show();
	SkinCategoryShow();
	//~ $('SkinCategorySelect').style.display='block';
}

function HideAvailableDevices(CategoryID){
	var ContractFieldList = $('AvailableCategories').value.split(",");
	if(CategoryID==0){
		if($('AvailableShown').value==0){
			for(var j = 0; j < ContractFieldList.length; j++){
				$('CategoryAvailableDevices'+ContractFieldList[j]).hide();
			}
			$('SkinCategorySelect').hide();
			$('SkinCategorySelect').style.display='none';
		}
	}else{
		for(var j = 0; j < ContractFieldList.length; j++){
			if(CategoryID!=ContractFieldList[j]){
				$('CategoryAvailableDevices'+ContractFieldList[j]).hide();
			}else{
				$('CategoryAvailableDevices'+ContractFieldList[j]).show();
			}
		}
	}
}



function ScrollCreateDevices(Direction){
	BaseLeft =$('CreateDeviceList').scrollLeft;

	if(Direction=='Right'){
		$('DeviceListContainer').scrollLeft +=125;
		
		$('ScrollLeft').style.display = 'inline-block';
		
	}else if(Direction=='Left'){
		$('DeviceListContainer').scrollLeft -= 125;
		if($('DeviceListContainer').scrollLeft == 0){
			$('ScrollLeft').style.display = 'none';
		}
		$('ScrollRight').style.display = 'inline-block';
	}
	
	if($('DeviceListContainer').scrollLeft == BaseLeft){
		$('ScrollRight').style.display = 'none';
	}

}

function InitScroll(){
	var ScrollTimerRunning = false;
	InfiniteScroll();
}
function DisableScrollBlock(){
	ScrollTimerRunning = true;
}
function InfiniteScroll(){
	//~ if(!ScrollTimerRunning){
	var	CurrentPage = $('CurrentPage').value;
	//~ var	ScrollTimer =  setTimeout("DisableScrollBlock()",250);
	//~ var	ScrollTimerRunning = true; //
		
	var	PageScroll = parseInt(getScrollingPosition()) ;//+ window.scrollMaxY;;
	var	PageHeight = parseInt(document.body.clientHeight);
	//~ var	ScrollPercent = parseInt(parseFloat(PageScroll/PageHeight)*100);
		
	var	ScrollCount = $('ScrollCount').value;
	if(ScrollCount ==0){
		ScrollCount =1;	
	}
	var	ScrollHeight = $('ScrollHeight').value;
	var ScrollMatch = (parseInt(ScrollHeight)*parseInt(ScrollCount));
	
		//~ $('CountTest').innerHTML += PageHeight+'<br>'+PageScroll+'<Br>_______<Br>'+ScrollMatch+'<br>_______<Br>';//+' >='+(parseInt(ScrollHeight)*parseInt(ScrollCount))+'<BR>';
		if(PageScroll >= ScrollMatch){
			//~ alert(PageScroll+ '-->'+ ScrollMatch);
		//~ if(ScrollPercent >= ScrollHeight){
			var ScrollData = 'Load Moar!';
			//~ $('CountTest').innerHTML += '<BR><BR><b>Load Moar!</b><BR><BR>';
			//~ alert(ScrollData);
			ScrollCount++;
			switch(CurrentPage){
				case 'catalog':
				
					var ScrollData ='';	
					var CatalogLoading = parseInt($('CatalogLoading').value);
					if(isNaN(CatalogLoading)){
						CatalogLoading  = 0
					}
					
					if(CatalogLoading == 0){
					
						LoadCatalogData();
					//~ alert('load catalog data');		
					}
					break;
				case 'artists':
					ScrollData = LoadArtistsData();
					break;
				case 'browse':
						
						if($('OldScrollCount').value != ScrollCount){
							
							var XMLFile = $('XMLFile').value
							TileImages(ScrollCount,0,XMLFile,parseInt($('ColumnCount').value),parseInt($('ColumnSize').value),0);
							//~ alert('TileImages('+ScrollCount+',0,'+XMLFile+','+parseInt($('ColumnCount').value)+','+parseInt($('ColumnSize').value)+',0)');
							
						}
					
					break;
				case 'gallery':
					if($('OldScrollCount').value != ScrollCount){
						var XMLFile = $('XMLFile').value
						TileImages(ScrollCount,0,XMLFile,parseInt($('ColumnCount').value),parseInt($('ColumnSize').value),0);
						//~ alert('TileImages('+ScrollCount+',0,'+XMLFile+','+parseInt($('ColumnCount').value)+','+parseInt($('ColumnSize').value)+',0)');
					}
					break;

			}
			
			//~ ScrollCount++;
			//~ alert(ScrollCount);
			if(CurrentPage != 'catalog'){
				$('ScrollCount').value = ScrollCount ;
				//~ alert(ScrollCount );
			}
			//~ ScrollBody  = $('InfiniteScroll')
			//~ ScrollBody.appendChild(document.createTextNode(ScrollData));
			  
			$('InfiniteScroll').innerHTML +=   ScrollData;
			ResizeContainer()
		}
	//~ }
}



function SwapMenuSection(Section,OldSection){
	//~ $(Section+'Menu').style.display = 'none'
	//~ $(OldSection+'Menu').style.display = 'inline-block;'
	new Effect.Morph(Section+'Menu', {
		style: 'width:360px; left:34px', // CSS Properties
		duration: 0.8 // Core Effect properties
	});
	//~ new Effect.Move(Section+'Menu', { x: -360, y: 0, mode: 'relative' });


	new Effect.Morph(OldSection+'Menu', {
		style: 'width:0px;', // CSS Properties
		duration: 0.8 // Core Effect properties
	});
	
	$(Section+'MenuButton').style.borderLeft= '1px';//0px 1px 0px 0px;
	$(OldSection+'MenuButton').style.borderRight= '1px';//'0px 1px 0px 1px;';
	
}


function getScrollingPosition()

//~ return document.documentElement.scrollTop;
{
var position = [0, 0];
if (typeof window.pageYOffset != 'undefined')
{
position = [
window.pageYOffset
];
}
else if (typeof document.documentElement.scrollTop
!= 'undefined' && document.documentElement.scrollTop > 0)
{
position = [
document.documentElement.scrollTop
];
}
else if (typeof document.body.scrollTop != 'undefined')
{
position = [
document.body.scrollTop
];
}
return position;
}

function getPageSizeWithScroll(){
	if (window.innerHeight && window.scrollMaxY) {// Firefox
		yWithScroll = window.innerHeight + window.scrollMaxY;
		xWithScroll = window.innerWidth + window.scrollMaxX;
	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
		yWithScroll = document.body.scrollHeight;
		xWithScroll = document.body.scrollWidth;
	} else { // works in Explorer 6 Strict, Mozilla (not FF) and Safari
		yWithScroll = document.body.offsetHeight;
		xWithScroll = document.body.offsetWidth;
  	}
	arrayPageSizeWithScroll = new Array(xWithScroll,yWithScroll);
	//alert( 'The height is ' + yWithScroll + ' and the width is ' + xWithScroll );
	return yWithScroll;
}


function HideReturnCreatePrompt(){
url = 'managepopup.php?popupaction=2';
new Ajax.Request(url, {
		asynchronous:true,
		method: 'get',
		onSuccess: function(transport){	
			Effect.BlindUp('CreateReturnPrompt',{duration: .2});
			//~ $('BodyContainer').morph('padding-top:0px');
			
			new Effect.Morph('BodyContainer', {
			  style: 'padding:0px;', // CSS Properties
			  duration: 0.2 // Core Effect properties
			});

		}
	});

}







function ShowLiscensingNotice(){
	/*********************
	
	This shows the liscensing notice 
	for people in certain regions that 
	cannot use this image for various reasons
	
	********************/
	PopupText = '<div class="leftalign Spacing" style="">Sorry, due to licensing restrictions we can\'t ship products featuring this image to your country at this time.</div>';
	PopupText += '<div align="center"><input type="button" class="ContinueShoppingButton" value="Keep browsing" onclick="javascript:ClosePopup();"></div>';
	


	CenterAlign =  ((975/2)-(300/2));
	$('PopUpMask').show();
	$('PopUpText').innerHTML = PopupText
	$('PopUpText').style.left =CenterAlign+'px';
	$('PopUpText').show();
	$('PopUpShown').value = 1;

}


function HighlightCategory(CategoryID){
	MenuCategories = $('MenuCategories').value.split(",");
	for(var j = 0; j < MenuCategories.length; j++){
		if(MenuCategories[j]!=CategoryID){
			$(MenuCategories[j]+'Menu').style.backgroundColor = '#ffffff';
			$(MenuCategories[j]+'Menu').style.color = '#303030';
		}
	}
	
	$(CategoryID+'Menu').style.color = '#347cc8';
	$(CategoryID+'Menu').style.backgroundColor = '#f2f2f2';
}


function ShowTopMenus(MenuName){
	if($('PopUpShown').value != 1){
		SuperHideCat(); 
		$(MenuName).show();
		if(MenuName =='ShopMenu'){
			ShowShopMenu();
			$('ShopMenuHover').value=1;
		}
	}
}

function isImageOk(img) {
    // During the onload event, IE correctly identifies any images
    // that weren't downloaded as not complete. Others should too.
    // Gecko-based browsers act like NS4 in that they report this
    // incorrectly: they always return true.
    if (!img.complete) {
        return false;
    }

    // However, they do have two very useful properties: naturalWidth
    // and naturalHeight. These give the true size of the image. If
    // it failed to load, either of these should be zero.
    if (typeof img.naturalWidth != "undefined" && img.naturalWidth == 0) {
        return false;
    }

    // No other way of checking: assume it's ok.
    return true;
}
