/**
 * handle the product images
 *
 */

//SETTING UP OUR POPUP
//0 means disabled; 1 means enabled;
var popupStatus = 0;


$(document).ready(function(){

  //LOADING POPUP
  //Click the button event!
  $("#mainpiclink").click(function(){
  //centering with css
  centerPopup();
  //load popup
  loadPopup();
  });

  //CLOSING POPUP
  //Click the x event!
  $("#popupContactClose").click(function(){
  disablePopup();
  });

  //Click out event!
  $("#backgroundPopup").click(function(){
  disablePopup();
  });

});


function doPic(thumbName, imageName) {
  //alert("Thumb: "+thumbName+" Image: "+imageName);
  $("img#mainpic").attr('src', thumbName);
  //$("a#mainpiclink").attr('href', imageName);
  $("img#popuppic").attr('src', imageName);
}

//loading popup with jQuery magic!
function loadPopup(){
	//loads popup only if it is disabled
	if(popupStatus==0){
		$("#backgroundPopup").css({
		"opacity": "0.7"
		});
		$("#backgroundPopup").fadeIn("slow");
		$("#popupContact").fadeIn("slow");
		popupStatus = 1;
	}
}


//disabling popup with jQuery magic!
function disablePopup(){
	//disables popup only if it is enabled
	if(popupStatus==1){
		$("#backgroundPopup").fadeOut("slow");
		$("#popupContact").fadeOut("slow");
		popupStatus = 0;
	}
}


//centering popup
function centerPopup(){
	//request data for centering
	var windowWidth = document.documentElement.clientWidth;
	var windowHeight = document.documentElement.clientHeight;
	var popupHeight = $("#popupContact").height();  
  var popupWidth = $("#popupContact").width();

	//centering
	$("#popupContact").css({
	"position": "absolute",
	"top": windowHeight/2-popupHeight/2,  
  "left": windowWidth/2-popupWidth/2  
	});
	//only need force for IE6
	
	$("#backgroundPopup").css({
	"height": windowHeight
	});

	//Press Escape event!  
	$(document).keypress(function(e){  
		if(e.keyCode==27 && popupStatus==1){  
			disablePopup();  
		}  
	});

}