jQuery.noConflict();

var ms_totalImages = 0;
var ms_imgType =[];
var ms_imgInfo =[];
var ms_imgPath =[];
var ms_imgWidth =[];
var ms_imgHeight =[];
var ms_currentImage = 0;
var self = this;
var isIE = jQuery.browser.msie;
var sliderMove = 17;

jQuery(document).ready(function(){



document.onkeydown = function(e){
  if (e == null) { // ie
    keycode = event.keyCode;
  } else { // mozilla
    keycode = e.which;
  }
  if(keycode == 27){ // escape, close box
    closeTip();
  } 
}


		jQuery("<img>").attr("src", "/img/sliderLoad.png");
	
	
	        new Ajax.Request('/php/getLabelSliderInfo.php',
          {method:'get',
            onSuccess: function(payload){
                var json = payload.responseText.evalJSON();
                //set the number of images based on the number of items in the slider table
                ms_totalImages = json.slider_info.length;
                //loop through the info and set the infos and headers arrays
                for(var i=0;i<json.slider_info.length;i++){
                           
					ms_imgInfo[i] = json.slider_info[i].info;
					ms_imgType [i]= json.slider_info[i].type;
					ms_imgPath[i]=json.slider_info[i].image_path;
					var img1=new Image();
					img1.src=ms_imgPath[i];
					
					ms_imgWidth[i]=json.slider_info[i].width;
					ms_imgHeight[i]=json.slider_info[i].height;
					if(i==0)
						jQuery("#miniSliderCounter ul").append("<li class='firstMiniLi'><a href='javascript:void(0)'>"+ms_imgType[i]+"</a></li>");
					else
						jQuery("#miniSliderCounter ul").append("<li><a onclick='ms_sliderClick("+i+")' href='javascript:void(0)'>"+ms_imgType[i]+"</a></li>");
                }
                jQuery("#miniSliderCounter ul li a:eq(0)").css("color","white");
                
                
          },
            onFailure: function(){ 
            alert('Failed to get Slider Images...')
          }
          });
          
          
        
          
          
});


function labelSliderPrev(){
var newTop = 0;
	if(ms_currentImage > 0){
		ms_currentImage = ms_currentImage - 1;
		newTop = ms_currentImage * sliderMove * -1;
		//jQuery("#miniSliderCounter").html((ms_currentImage+1)+"/"+(ms_totalImages));	
		jQuery("#miniSliderCounter ul").animate({marginTop: newTop}, 150);//.css("margin-top",newTop+"px");
		jQuery("#miniSliderCounter ul li a").css("color","#79A3BB");
		jQuery("#miniSliderCounter ul li a:eq("+ms_currentImage+")").css("color","white");
		jQuery("#labelSliderImg").attr("src",ms_imgPath[ms_currentImage]);
			//jQuery("#labelSlider #labelImage img").attr("src",ms_imgPath[ms_currentImage]).show();	
	}
	else{
		return false;
	}

}

function labelSliderNext(){

	if(ms_currentImage < ms_totalImages -1){
		ms_currentImage = ms_currentImage + 1;
		newTop = ms_currentImage * sliderMove * -1;
		jQuery("#miniSliderCounter ul").animate({marginTop: newTop}, 150);//.css("margin-top",newTop+"px");
		jQuery("#miniSliderCounter ul li a").css("color","#79A3BB");
		jQuery("#miniSliderCounter ul li a:eq("+ms_currentImage+")").css("color","white");
		jQuery("#labelSliderImg").attr("src",ms_imgPath[ms_currentImage]);
			//jQuery("#labelSlider #labelImage img").attr("src",ms_imgPath[ms_currentImage]).show();
	}
	else{
		return false;
	}
	
}

this.ms_miniZoom = function(){	
	
	
	jQuery("#labelSlider #labelImage").click(function(e){	
			
		var pageHeight = getPageSize()[1];										  
		
		//set the height of the overlay
		if(!isIE)
			jQuery("div.overlayDark").css("height",pageHeight).fadeIn(500);
		else
			jQuery("div.overlayDark").css("height",pageHeight).show();
			
			//Create the markup									  
			jQuery("body").append("<div class='miniZoomTip' id='miniZoomTip' style='width:"
			+ms_imgWidth[ms_currentImage]+"px;' ><div id='miniZoomTipClose' ><a href='javascript:void(0)'>x close</a></div>"+
			"<img class='noie6trans' src='"
			+ms_imgPath[ms_currentImage]+"'/><div id='miniZoomTitle'>"
			+ms_imgType[ms_currentImage]+":</div><div id='miniZoomDescr'>"
			+ms_imgInfo[ms_currentImage]+"</div>"
			//+"<img id='pointerImg' width=30; height=30; style=' position: absolute; top: "
			//+(ms_imgHeight[ms_currentImage]/2-5)+"px; right: -35px;' src='/img/pointer.png'/>"
			+"</div>");
			
			
			
			//Hide all select boxes or else the popup will go behind ie6;
			if(isIE)
				jQuery("div.form-row select").hide();
			
			//close button
			jQuery("#miniZoomTipClose").bind("click",function(e){
				
				closeTip();
			});
			
	
			//Point it in the right direction
			putCenter("miniZoomTip");
			jQuery("#miniZoomTip").fadeIn(500);
			
			
		});

							

    	
};

function closeTip(){
				jQuery("div.overlayDark").hide();
				
				if(isIE)
					jQuery("div.form-row select").show();
				
				jQuery("#miniZoomTip").remove();
}



//taken from here http://codesnippets.joyent.com/user/winton/tag/javascript
function putCenter(item)  {
  item = $(item);
  var xy = item.getDimensions();
  var win = windowDimensions();
  var scrol = scrollOffset();
  item.style.left = (win[0] / 2) + scrol[0] - (xy.width / 2) + "px";
  item.style.top = (win[1] / 2) + scrol[1] - (xy.height / 2) + "px";
}

function fullScreen(item) {
  item = $(item);
  var win = windowDimensions();
  var scrol = scrollOffset();
  item.style.height = scrol[1] + win[1] + "px";
}
function windowDimensions() {
  var x, y;
  if (self.innerHeight) {
    // all except Explorer
    x = self.innerWidth;
    y = self.innerHeight;
  } else if (document.documentElement && document.documentElement.clientHeight) {
    // Explorer 6 Strict Mode
    x = document.documentElement.clientWidth;
    y = document.documentElement.clientHeight;
  } else if (document.body) {
    // other Explorers
    x = document.body.clientWidth;
    y = document.body.clientHeight;
  }
  if (!x) x = 0;
  if (!y) y = 0;
  arrayWindowSize = new Array(x,y);
  return arrayWindowSize;
}
function scrollOffset() {
  var x, y;
  if (self.pageYOffset) {
    // all except Explorer
    x = self.pageXOffset;
    y = self.pageYOffset;
  } else if (document.documentElement && document.documentElement.scrollTop) {
    // Explorer 6 Strict
    x = document.documentElement.scrollLeft;
    y = document.documentElement.scrollTop;
  } else if (document.body) {
    // all other Explorers
    x = document.body.scrollLeft;
    y = document.body.scrollTop;
  }
  if (!x) x = 0;
  if (!y) y = 0;
  arrayScrollOffset = new Array(x,y);
  return arrayScrollOffset;
}
////END put center



//taken from lightbox.js
function getPageSize(){
	        
	     var xScroll, yScroll;
		
		if (window.innerHeight && window.scrollMaxY) {	
			xScroll = window.innerWidth + window.scrollMaxX;
			yScroll = window.innerHeight + window.scrollMaxY;
		} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
			xScroll = document.body.scrollWidth;
			yScroll = document.body.scrollHeight;
		} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
			xScroll = document.body.offsetWidth;
			yScroll = document.body.offsetHeight;
		}
		
		var windowWidth, windowHeight;
		
		if (self.innerHeight) {	// all except Explorer
			if(document.documentElement.clientWidth){
				windowWidth = document.documentElement.clientWidth; 
			} else {
				windowWidth = self.innerWidth;
			}
			windowHeight = self.innerHeight;
		} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
			windowWidth = document.documentElement.clientWidth;
			windowHeight = document.documentElement.clientHeight;
		} else if (document.body) { // other Explorers
			windowWidth = document.body.clientWidth;
			windowHeight = document.body.clientHeight;
		}	
		
		// for small pages with total height less then height of the viewport
		if(yScroll < windowHeight){
			pageHeight = windowHeight;
		} else { 
			pageHeight = yScroll;
		}
	
		// for small pages with total width less then width of the viewport
		if(xScroll < windowWidth){	
			pageWidth = xScroll;		
		} else {
			pageWidth = windowWidth;
		}

		return [pageWidth,pageHeight];
	}