var items;
var pageNo = 1;
var pageCount;
var selectedWork;
var dogImages = true;

function highlightmenu(which) {
    if (which) {
		var menu_item = $('menu_' + which);
		menu_item.setStyle({
			color: '#CE9B2F',			
			fontWeight: 'bold'
		});
	}
}

function hoverMenu(event) {
     var element = event.element();
	 if (!element.hasClassName('selected')) {
		 /*element.setStyle({
			backgroundColor: '#9B9B66',
			color: 'white'
		 });*/
		 element.addClassName('hovering');
	 }
}


function normalMenu(event) {
     var element = event.element();
	 if (!element.hasClassName('selected')) {
		 /*element.setStyle({
			backgroundColor: 'transparent',
			color: '#333333'
		 });*/
		 element.removeClassName('hovering');
	 }
}

function selectMenu(event) {
     var element = event.element();
	 if (!element.hasClassName('selected')) {
	     var selected = $$('li.selected');
		 selected.invoke('removeClassName', 'selected') ;		 
		 selected.invoke('setStyle', {backgroundColor: 'transparent',color: '#333333'}) ;
		 for (var x = 1; x <= 4; x++)
		 {
		    $('about_hm' + x).hide();
		 }
	     element.addClassName('selected');
		 element.setStyle({
			backgroundColor: '#CE9B2F',
			color: 'white'			
		 });
		 var p = 'about_' + element.id;
		 $(p).show();
		 if (element.id == 'hm4') {
			showVideo();
		 }
		 if (element.id == 'hm3') 
		    { changeFrieze(1, false); }
		 else
		    { changeFrieze(2, false); }
	 }
}

function selectWorkMenu(event) {
     var element = event.element();
	 if (!element.hasClassName('selected')) {
	     var ancestor = element.ancestors();
		 ancestor = ancestor[0];
	     var selected = $$('#' + ancestor.id + ' li.selected');
		 selected.invoke('removeClassName', 'selected') ;		 
		 selected.invoke('setStyle', {backgroundColor: 'transparent',color: '#333333'}) ;
	     element.addClassName('selected');
		 element.setStyle({
			backgroundColor: '#CE9B2F',
			color: 'white'			
		 });
		 pageNo = 1;
		 selectedWork = element.id.substr(5, 3);		 
		 getStock(selectedWork);
		 var workname = element.innerHTML.toUpperCase();
		 $('workname').innerHTML = workname;
		 if (workname == 'DOGS')
		    { changeFrieze(2, false); }
		 else
		    { changeFrieze(1, false); }
	 }
}

function selectHomeMenu(event) {
     var element = event.element();
	 if (!element.hasClassName('selected')) {
	     var selected = $$('li.selected');
		 selected.invoke('removeClassName', 'selected') ;		 
		 selected.invoke('setStyle', {backgroundColor: 'transparent',color: '#333333'}) ;
	     element.addClassName('selected');
		 element.setStyle({
			backgroundColor: '#CE9B2F',
			color: 'white'			
		 });
		 changeSlides();
	 }	 
}

function getStock(type) {
		 var url = 'artlook.php';
		 var pars = 'func=items&event=' + type;
		 var myAjax = new Ajax.Request(url, {method: 'get', parameters: pars,
            onComplete:function(request) {
                items = eval( "(" + request.responseText + ")" );                               
				var anchors = '';
				for (var x = 0; x < items.length; x++)
				  {
				     anchors += '<a href="images/items/FS_' + items[x].ITEM_ID + '.JPG" class="floatbox" rev="group:slides caption:`' + items[x].TITLE + '`" ></a>'
				  }
				$('anchorholder').innerHTML = anchors;
				onGetStock(items);
				var overcount = parseInt((items.length % 15));
				if (overcount > 0)
				  { overcount = 1; }
				pageCount = parseInt((items.length / 15)) + overcount;
				$('pagecount').innerHTML = pageCount;
				fb.anchors.length = 0;
				fb.tagAnchors($('anchorholder'));								
             }
            });
}			

function zoomInThumb(element) {
   var src = element.src;
   element.src = 'thumb_enlarge.php?src=' + src;
}

function zoomOutThumb(element) {
   var src = element.id.substr(6);
   element.src = 'images/items/' + src + '.JPG';
}

function onGetStock() {
    var html = '';
	$('pageno').innerHTML = pageNo;
	var firstRec = (pageNo * 15) -15;
	var lastRec = (pageNo * 15) - 1;
    for (var x = firstRec; x <= lastRec; x++) {
	   if (x < items.length) {
			html += '<div class="thumb">';
			//html += '<a class="floatbox" rev="theme:white width:1000px autoFitImages:true autoFitOther:true height:610px" href="item.php?item=' + items[x].ITEM_ID + '">';
			html += '<a class="floatbox" rev="theme:white autoFitImages:true autoFitOther:true" href="item.php?item=' + items[x].ITEM_ID + '">';
			html += '<img class="thumbimage" id="thumb_' + items[x].ITEM_ID + '" width=140 src="images/items/';
			html += items[x].ITEM_ID + '.JPG" title="' + items[x].TITLE + '"';
			html += ' onmouseover="zoomInThumb(this)" onmouseout="zoomOutThumb(this)"';
			html += '>';
			html += '</a></div>';
	   }
	}
	$('workarea').innerHTML = html;
	if (lastRec < items.length) 
	   { 	        
			$('navnext').show(); 	   
	   }
	else
	   { $('navnext').hide(); }
	if (firstRec == 0)
	   { $('navprev').hide(); }
	else
	   { $('navprev').show(); }   	
	fb.tagAnchors($('workarea'));
}

function nextpage() {
    pageNo++;
	onGetStock();
}

function prevpage() {
    pageNo--;
	onGetStock();
}

function echeck(str) {
	var at="@"
	var dot="."
	var lat=str.indexOf(at)
	var lstr=str.length
	var ldot=str.indexOf(dot)
	if (str.indexOf(at)==-1){
		return false
	}

	if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr){
		return false
	}

	if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)==lstr){
		return false
	}

	if (str.indexOf(at,(lat+1))!=-1){
		return false
	}

	if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot){
		return false
	}

	if (str.indexOf(dot,(lat+2))==-1){
		return false
	}
	
	if ( str.indexOf(" ") != -1 ) {
		return false
	}

	return true					
}

function maillist() {
     if ( (!$('fullname').value) || (!echeck($('email').value)) ) {        
        alert('Please provide at least your name and a valid email address');
        return;
     }
     var url = 'messenger.php';
     var pars = 'func=domail&' + $('mailform').serialize();        
     var myAjax = new Ajax.Request(url, {method: 'get', parameters: pars,
            onComplete:function(request) {
                alert(request.responseText);
             }
            });
}
 
  function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }

    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }

    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    }

    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
      if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
			
	function scrollImages() {
		Effect.Fade($('homeimage' + i), { duration:1, from:1.0, to:0.0 } );
		i++;
		if (i >= imageLimit) 
		  {             
			i -= 4;
			scrollQuotes();
		  }
        Effect.Appear($('homeimage' + i), { duration:1, from:0.0, to:1.0}); 		    		
    };

	function scrollQuotes() {		
		Effect.Shrink($('quote' + q), { direction: 'bottom-right' });
		q++;
		if (q == 4 || q == 8) {		  
		  if (imageLimit == 4)
			{ 
				imageLimit = 8; 						
				i = 4;
				$('homemenu1').removeClassName('selected');
				$('homemenu2').addClassName('selected');
				changeFrieze(2, true); 
			}
		  else
		    { 
				imageLimit = 4; 				
				i = 0;
				$('homemenu2').removeClassName('selected');
				$('homemenu1').addClassName('selected');
				changeFrieze(1, true);
			}
		  if (q == 8)
		     q = 1;
        }		  
        Effect.Appear($('quote' + q), { duration:1, from:0.0, to:1.0}); 		    
    };

	function changeSlides() {		
	      Effect.Fade($('homeimage' + i), { duration:1, from:1.0, to:0.0 } );
	      Effect.Shrink($('quote' + q), { direction: 'bottom-right' });
		  if (imageLimit == 4)
			{ 
				imageLimit = 8; 						
				i = 4;
				q = 4;				
				changeFrieze(2, true); 
			}
		  else
		    { 
				imageLimit = 4; 				
				i = 0;
				q = 1;				
				changeFrieze(1, true);
			}
		  Effect.Appear($('quote' + q), { duration:1, from:0.0, to:1.0}); 		    
		  Effect.Appear($('homeimage' + i), { duration:1, from:0.0, to:1.0}); 		
	}
	
	function pauseplay() {
	   if ($('pause').innerHTML == 'Pause') {
		   clearInterval(interval);
		   $('pause').innerHTML = 'Play';	   
	   } else {
		   interval = setInterval('scrollImages()',wait); 
		   $('pause').innerHTML = 'Pause';
	   }
	}
	
// this function is caught by the JavascriptView object of the player.
function sendEvent(typ,prm) { thisMovie("playerID").sendEvent(typ,prm); };


// these functions is called by the JavascriptView object of the player.
function getUpdate(typ,pr1,pr2,swf) { 
	if(typ == "time") { currentPosition = pr1; pr2 == undefined ? null: currentRemaining = Math.round(pr2); }
	else if(typ == "volume") { currentVolume = pr1; } 
	else if(typ == "item") { currentItem = pr1; setTimeout("getItemData(currentItem)",100);}
	else if(typ == "state") { currentState = pr1; }
	else if(typ == "load") { currentLoad = pr1; }
	else if(typ == "size") { currentXsize = "X=" + pr1; pr2 == undefined ? null: currentYsize = "Y=" + Math.round(pr2); } 

	var tmp = document.getElementById("pid"); if ((tmp)&&(swf != "null")) { tmp.innerHTML = "(received from the player with the id: <i><b>"+swf+"<\/b><\/i>)"; } 
		
	var tmp = document.getElementById("time"); if (tmp) { tmp.innerHTML = "<b>Time:<\/b> " + currentPosition + "&nbsp;&nbsp;<b>Remaining:<\/b> " + currentRemaining; } 
	var tmp = document.getElementById("volume"); if (tmp) { tmp.innerHTML = "<b>Volume:<\/b> " + currentVolume; } 
	var tmp = document.getElementById("item"); if (tmp) { tmp.innerHTML = "<b>Item:<\/b> " + currentItem; } 
	var tmp = document.getElementById("state"); if (tmp) { tmp.innerHTML = "<b>State:<\/b> " + currentState + "&nbsp;&nbsp; (0:ready/paused, 1:loading, 2:playing, 3:finished)"; } 
	var tmp = document.getElementById("load"); if (tmp) { tmp.innerHTML = "<b>Load:<\/b> " + currentLoad; }
	var tmp = document.getElementById("size"); if (tmp) { tmp.innerHTML = "<b>Size:<\/b> " + currentXsize + ", " + currentYsize; } 
};

function getItemData(idx) {
	var obj = thisMovie("playerID").itemData(idx);

	var tmp = document.getElementById("file"); if (tmp) { tmp.innerHTML = "<b>File:<\/b> " + obj["file"]; } 
	var tmp = document.getElementById("title"); if (tmp) { tmp.innerHTML = "<b>Title:<\/b> " +  obj["title"]; } 
	var tmp = document.getElementById("link"); if (tmp) { tmp.innerHTML = "<b>Link:<\/b> " + obj["link"]; } 
	var tmp = document.getElementById("type"); if (tmp) { tmp.innerHTML = "<b>Type:<\/b> " + obj["type"]; } 
	var tmp = document.getElementById("id"); if (tmp) { tmp.innerHTML = "<b>Id:<\/b> " + obj["id"]; } 
	var tmp = document.getElementById("image"); if (tmp) { tmp.innerHTML = "<b>Image:<\/b> " + obj["image"]; } 
	var tmp = document.getElementById("author"); if (tmp) { tmp.innerHTML = "<b>Author:<\/b> " + obj["author"]; } 
	var tmp = document.getElementById("captions"); if (tmp) { tmp.innerHTML = "<b>Captions:<\/b> " + obj["captions"]; } 
	var tmp = document.getElementById("audio"); if (tmp) { tmp.innerHTML = "<b>Audio:<\/b> " + obj["audio"]; } 
	var tmp = document.getElementById("start"); if (tmp) { tmp.innerHTML = "<b>Start:<\/b> " + obj["start"]; }  
	var tmp = document.getElementById("category"); if (tmp) { tmp.innerHTML = "<b>Category:<\/b> " + obj["category"]; } 
	var tmp = document.getElementById("description"); if (tmp) { tmp.innerHTML = "<b>Description:<\/b> " + obj["description"]; } 
	var tmp = document.getElementById("latitude"); if (tmp) { tmp.innerHTML = "<b>Latitude:<\/b> " + obj["latitude"]; } 
	var tmp = document.getElementById("longitude"); if (tmp) { tmp.innerHTML = "<b>Longitude:<\/b> " + obj["longitude"]; } 
	var tmp = document.getElementById("city"); if (tmp) { tmp.innerHTML = "<b>City:<\/b> " + obj["city"]; } 
	var tmp = document.getElementById("date"); if (tmp) { tmp.innerHTML = "<b>Date:<\/b> " + obj["date"]; }  
};


// This is a javascript handler for the player and is always needed.
function thisMovie(movieName) {
	if(navigator.appName.indexOf("Microsoft") != -1) {
		return window[movieName];
	} else {
		return document[movieName];
	}
};
  
function showVideo() {
	s1 = new SWFObject("mediaplayer.swf","playerID","400","305","8");
	s1.addParam("allowfullscreen","false");
	s1.addParam("allowscriptaccess","always");
	s1.addVariable("width","400");
	s1.addVariable("height","305");
	s1.addVariable("file","media/0001.flv");  
	s1.addVariable("javascriptid","playerID");
	s1.addVariable("enablejs","true");
	s1.addVariable("autostart","false");	
	s1.write("player");		
}  

function changeFrieze(set, fade) {
  var html = '';  
  for (var x = 1; x <= 7; x++) 
      html += '<img src="assets/frieze' + set + '/' + x + '.jpg" alt="frieze">';  
  if (fade) {
	Effect.Fade($('frieze'), { duration:0.5, from:1.0, to:0.0, afterFinish:function() {
        $('frieze').innerHTML = html;
		Effect.Appear($('frieze'), { duration:0.5, from:0.0, to:1.0}); 		    		
	}} );	
  } else {
    $('frieze').innerHTML = html;
  }
}

function changeFullImage(src, sizelimit)  {
//  $('imageholder').innerHTML = '<img src="' + src + '" id="fullimage" ' + sizelimit + '>';
  $('imageholder').innerHTML = '<img src="' + src + '" id="fullimage">';
}