var currentThumbSet =1;
var activeThumb = 1;

function initializePage(){
	
	var browser=navigator.appName;
	var b_version=navigator.appVersion;
			
	var myRegExp1 = /Safari/;
	var matchPos1 = b_version.search(myRegExp1);
	
	if(matchPos1!=-1){
		
		$('leftContent').className = 'safari';
		
	}
	
	resizeWindow();
	
	var elems = $$('img[class="subGuide"]');
	
	if (elems.length){
		var parentElems = $$('img[class="guide"]');
		for(var i=0; i< parentElems.length; i++){
			parentElems[i].className = 'hidden';
		}
	}
	
	var elems = $$('img[class="subSubGuide"]');

	if (elems.length){
		
		var parentElems = $$('img[class="guide"]');
		for(var i=0; i< parentElems.length; i++){
			parentElems[i].className = 'hidden';
		}
		
		
		parentElems = $$('img[class="subGuide"]');
		for(var i=0; i< parentElems.length; i++){
			parentElems[i].className = 'hidden';
		}
	}
}


function initializeHomePage(){
	
	initializePage();
	
	var elems = $$('img[class="home"]');
	if (elems.length){
		elems[0].width=myWidth-217;	
	}
}

 var myWidth = 0, myHeight = 0;
function resizeWindow(){
	
	

  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
		
  $('leftContent').style.height = myHeight+'px';
  if ($('mainContent')){
 	 $('mainContent').style.minHeight = myHeight+'px';
  }
  
  if ($('mainContentFullScreen')){
	  	//var elems = $$('img[class="home"]');
	  	var elems = $$('#mainContentFullScreen #content img');
		if (elems.length){
			elems[0].width=myWidth-215;	
		}
  }
  
}

	
function showPreviousCatalogPage(catalogID, previosPageID, type){
	
	if (!type){
		type='catalog';
	}
	
	 if ($('thumb_'+previosPageID)){
			nextThumbElem = $('thumb_'+previosPageID);
		 	if (nextThumbElem.className =='thumb_hidden'){
		 		
		 		showPreviousThumbSet($F('totalItems'));
		 	}
	}
	
	if (previosPageID && previosPageID >=1){
		
		jumpToPage(catalogID,previosPageID,type);
	}
	
}

function showNextCatalogPage(catalogID, nextPageID, type){
	
	if (!type){
		type='catalog';
	}

	
	 if ($('thumb_'+nextPageID)){
			nextThumbElem = $('thumb_'+nextPageID);
		 	if (nextThumbElem.className =='thumb_hidden'){
		 		showNextThumbSet($F('totalItems'));
		 	
		 	}
	}
	
	if (nextPageID){		
		jumpToPage(catalogID,nextPageID,type);
	}
}

				
function jumpToPage(catalogID, pageID,type){
	
	
	
	if (pageID && pageID>= 1){
		params = "CatalogID="+catalogID+"&CatalogPageID="+pageID;
		updatedDiv= 'primaryImage';

		new Ajax.Updater('mainImage', '/products/update_catalog_page.phtml.php', {
		  parameters: params, 
		  onComplete: function(transport){ new Effect.Appear(updatedDiv,{ duration: 1.5 }); },
		  onFailure: function(){ alert('something went wrong');}
		});
	}
	
}
	
function showNextThumbSet(totalNumberOfThumbs){
	
	//1) hide all thumbs

	if (currentThumbSet*9 < totalNumberOfThumbs){
		
		$('thumbnailsWrapper').style.display='none';
		
		currentHiddenElems = $$('div[class="thumb_hidden"]');
		
		var elems = $$('div[class="thumb"]');
		
		for(var i=0; i< elems.length; i++){
			elems[i].className = 'thumb_hidden';
		}
		
		
		i = currentThumbSet*9+1;
		for(var j=0; j< currentHiddenElems.length; j++){
			currentHiddenElems[j].className = 'thumb';
			if (i >= (currentThumbSet*9)*2+1){
				break;
			}
			i++;
		}
		
		
		currentThumbSet = currentThumbSet+1;
		new Effect.Appear('thumbnailsWrapper',{ duration: 1.5 });
		$('previousThumbArrowImg').style.display='';
		
		if (currentThumbSet*9 > totalNumberOfThumbs){
			$('nextThumbArrowImg').style.display = 'none';
		}
		
	}
}

function showPreviousThumbSet(totalNumberOfThumbs){
	
	//1) hide all thumbs
	if ((currentThumbSet-1)*9 >0){
	
		$('thumbnailsWrapper').style.display='none';
		
		currentHiddenElems = $$('div[class="thumb_hidden"]');
		var elems = $$('div[class="thumb"]');
		
		for(var i=0; i< elems.length; i++){
			elems[i].className = 'thumb_hidden';
		}
		
		i=(currentThumbSet-1)*9;
		var j=currentHiddenElems.length-1;
		
		for(j; j> -1; j--){
			currentHiddenElems[j].className = 'thumb';
			if (i <((currentThumbSet-1)*9)-9){
				break;
			}
			i--;
		}
		

	
	currentThumbSet = currentThumbSet-1;
	
	
	new Effect.Appear('thumbnailsWrapper',{ duration: 1.5 });
	
	if (currentThumbSet*9 < totalNumberOfThumbs){
			$('nextThumbArrowImg').style.display = '';
	}
	if (currentThumbSet-1 < 1){
			$('previousThumbArrowImg').style.display = 'none';
	}
	
	}	
}

function showThumbSet(setNumber,totalNumberOfThumbs){
	
	$('thumbnailsWrapper').style.display='none';
	
	
	var elems = $$('div[class="thumb"]');
		
	for(var i=0; i< elems.length; i++){
			elems[i].className = 'thumb_hidden';
	}
	currentThumbSet = setNumber-1;
	currentHiddenElems = $$('div[class="thumb_hidden"]');

	if (currentThumbSet==0 ){
		i = 0;
		currentThumbSet = 1;
	}
	else{
		i = currentThumbSet*9;
	}
	totalItems =0;
	for(var i; i < (currentThumbSet*9)*2; i++){
			if (currentHiddenElems[i]){
				currentHiddenElems[i].className = 'thumb';
			}
		
			totalItems++;
			if (totalItems >= 9){
				break;
			}
		}
	

	currentThumbSet = setNumber;
	new Effect.Appear('thumbnailsWrapper',{ duration: 1.5 });
	if (currentThumbSet-1 < 1){
			$('previousThumbArrowImg').style.display = 'none';
	}
	else{
		$('previousThumbArrowImg').style.display = '';
	}
	if (currentThumbSet*9 < totalNumberOfThumbs){
			$('nextThumbArrowImg').style.display = '';
	}
	else{
			$('nextThumbArrowImg').style.display = 'none';
	}
}


function setActiveThumb(){
	
}

function setPageAsCatalogPage(){
	//$('site_container').style.position = "fixed";
	document.body.className ='catalog';	
	
}

function setPageAsUnscrollable(){
	document.body.style.overflow = 'hidden';
	$('site_container').style.position = "fixed";
}

function updateCatalogValues(catalogID, previousPageID, nextPageID){

	$('nextPage').value = 	nextPageID;
	$('previousPage').value = previousPageID;
	$('nextPage').value = nextPageID;
}


function standAloneCatalogKeyboardAction(event) {
        var keycode = event.keyCode;
        var key = String.fromCharCode(keycode).toLowerCase();
        
     	if ((key == 'p') || (keycode == 37)){ // display previous image
     		if ($('catalogID')){
                showPreviousCatalogPage($F('catalogID'), $F('previousPage'),'lookupImageWrapper');
            }
     	}
     	else if ((key == 'n') || (keycode == 39)){
     		if ($('catalogID')){
                showNextCatalogPage($F('catalogID'), $F('nextPage'),'lookupImageWrapper');
            }
     	}
}

function validatePagination(){
		
	var elems = $$('span[class="paginationItem"]');

	for (var j=0; j<elems.length; j++){
		
		
		if (elems[j].innerHTML.length > 4){
			nextNextRegExpr  = /update_gallery_page.phtml.php\?/;
			nextMatchTest = elems[j].innerHTML.match(nextNextRegExpr)
			if (nextMatchTest.length) { 	
				elems[j].innerHTML= elems[j].innerHTML.replace(nextNextRegExpr, "index.php?section="+$('section').value+"&gallery="+$('galleryName').value+"&");
			}
		}
	} 
	
}