google.load("jqueryui", "1.7.0");

//we can be more granular with the height so we can force better positioning on load
var setHeights = new Array();
setHeights[0] = 70;
setHeights[1] = 220;
setHeights[2] = 70;
setHeights[3] = 220;
setHeights[4] = 70;
setHeights[5] = 220;
setHeights[6] = 70;
setHeights[7] = 220;

var setLeft = new Array();
setLeft[0] = 355;
setLeft[1] = 355;
setLeft[2] = 500;
setLeft[3] = 500;
setLeft[4] = 645;
setLeft[5] = 645;
setLeft[6] = 785;
setLeft[7] = 785;

google.setOnLoadCallback(function()
{
		
	// When everything has loaded, place all polaroids on a random position	
	$(".polaroid").each(function (i) {
		var tempVal = Math.round(Math.random());
		
		/*
		if(tempVal == 1) {
			var shadowClass = 'L';
			var rotDegrees = randomXToY(345, 360); // rotate left
		} else {
			var shadowClass = 'R';
			var rotDegrees = randomXToY(0, 15); // rotate right
		}
		*/
		var shadowClass = 'L';
		
		//Simon hack
		var wiw = 957;
		var wih = 300;
		
		// Internet Explorer doesn't have the "window.innerWidth" and "window.innerHeight" properties
		/*
		if(window.innerWidth == undefined) { 
			var wiw = 1000;
			var wih = 700;
		} else {
			var wiw = window.innerWidth;
			var wih = window.innerHeight;	
		}
		*/
		
		//Simon removed this random math function this to stop the randomness of positioning... here it is in case want to reinstate! 
		/*'left' : randomXToY(85,420)*2,
			'top' : randomXToY(1,90)*2, */
			//var startLeftPos = 28;
			//if (i == 0) { var leftPos = 40; } else { var leftPos = (115*i)+startLeftPos; };
			
			leftPos = setLeft[i];
			
			topPos = setHeights[i];
			
			/*
			var startTopPos = 130;
			topPos = 10;
			if (i == 0) { topPos = 150; } else { topPos = randomXToY(1,7)*5*i; };
			
			//set the max to 
			if ( topPos >= 150 ) {topPos = 150 };
			//set min to
			if ( topPos <= 55 ) {topPos = 55 };
			*/
			
			/*
			//if you want rotation, stuff this code in....
			var cssObj = { 'left' : leftPos,
			'top' : topPos,
			'-webkit-transform' : 'rotate('+ rotDegrees +'deg)',  // safari only
			'transform' : 'rotate('+ rotDegrees +'deg)', // added in case CSS3 is standard
			'-moz-transform' : 'rotate('+ rotDegrees +'deg)', //ff
			'display' : 'block' };
			*/
		
		
		var cssObjNonIE = { 'left' : leftPos,
			'top' : topPos,
			'display' : 'block' };
			
		var cssObjIE = { 'left' : leftPos,
			'top' : topPos,
			'display' : 'block' };
		
		
		if ( shadowClass == 'R' ) 
			{ 
			$(this).find(':img').removeClass('leftShadow').addClass('rightShadow'); 
			$(this).find('.polaroidGloss').removeClass('leftGloss').addClass('rightGloss');
		} else { 
			
			if(jQuery.browser.msie && jQuery.browser.version == '6.0') {
				var imgss = $(this).find(':img').html();
				//alert(imgss);
				$(this).css(cssObjIE);
				$(this).find('.polaroidShadow').removeClass('polaroidShadow').addClass('polaroidNoShadow');
				$(this).find(':img').css({'z-index':'100',width:'113',height:'140'});
				//$(this).css({'display':'block'});
				//$(this).find('.ieImage').css({'display':'block'});
				
			} else {
				$(this).css(cssObjNonIE); 
				$(this).find(':img').removeClass('rightShadow').addClass('leftShadow');
				$(this).find('.polaroidGloss').removeClass('rightGloss').addClass('leftGloss'); 
			 };
			//$(this).find(':img').css("z-index":"10");
		};
	});
	
	// Set the Z-Index (used to display images on top while dragging)
	var zindexnr = 100;
	
	// boolean to check if the user is dragging
	var dragging = false;
	
	// Show the polaroid on top when clicked on
	$(".polaroid").mouseup(function(e){
		var targetLink = $(this).attr("rel");
		
		if(!dragging) {
			// Hide the other's detail panels
			//$(".detailPanel").each(function(i) { if (i != this ) $(this).slideUp(); });
			// Bring polaroid to the foreground
			zindexnr++;
			var cssObj = { 'z-index' : zindexnr };
			//'transform' : 'rotate(0deg)',	 // added in case CSS3 is standard
			//'-webkit-transform' : 'rotate(0deg)',  // safari only
			//'-moz-transform' : 'rotate(0deg)'}; //ff
			$(this).css(cssObj);
			window.location.href = "/juries/index.cfm?juryid="+targetLink;
		}
		});
		/*.mouseout(function(){
			//alert("f");
			//$(".detailPanel").each(function(i) { $(this).slideUp(); });
		});*/
	
	// Make the polaroid draggable & display a shadow when dragging
	/*
	$(".polaroid").draggable({
		cursor: 'crosshair',
		start: function(event, ui) {
			//added to extend by Simon
			$(".detailPanel").slideUp();
			dragging = false;
			zindexnr++;
			var cssObj = { 'box-shadow' : '#888 5px 10px 10px', // added in case CSS3 is standard
				'-webkit-box-shadow' : '#888 5px 10px 10px', // safari only
				'margin-left' : '-10px',
				'margin-top' : '-10px',
				'z-index' : zindexnr };
			$(this).css(cssObj);
		},
		stop: function(event, ui) {
			var tempVal = Math.round(Math.random());
			if(tempVal == 1) {
				var shadowClass = 'L';
				var glossClass = '';
				var rotDegrees = randomXToY(330, 360); // rotate left
			} else {
				var shadowClass = 'R';
				var glossClass = 'rightGloss';
				var rotDegrees = randomXToY(0, 30); // rotate right
			}
			//alert(shadowClass);
			var cssObj = { 'box-shadow' : '', // added in case CSS3 is standard
				'-webkit-box-shadow' : '', // safari only
				'transform' : 'rotate('+ rotDegrees +'deg)', // added in case CSS3 is standard
				'-webkit-transform' : 'rotate('+ rotDegrees +'deg)', // safari only
				'-moz-transform' : 'rotate('+ rotDegrees +'deg)', //ff
				'margin-left' : '0px',
				'margin-top' : '0px' };
			$(this).css(cssObj);
			if ( shadowClass == 'R' ) 
			{ 
				$(this).find(':img').removeClass('leftShadow').addClass('rightShadow'); 
				$(this).find('.polaroidGloss').removeClass('leftGloss').addClass('rightGloss');
			} else { 
				$(this).find(':img').removeClass('rightShadow').addClass('leftShadow');
				$(this).find('.polaroidGloss').removeClass('rightGloss').addClass('leftGloss');
			};
			dragging = false;
		}
	});
	*/
	
	// Function to get random number upto m
	// http://roshanbh.com.np/2008/09/get-random-number-range-two-numbers-javascript.html
	function randomXToY(minVal,maxVal,floatVal) {
		var randVal = minVal+(Math.random()*(maxVal-minVal));
		return typeof floatVal=='undefined'?Math.round(randVal):randVal.toFixed(floatVal);
	}
	
	
	
});