//   Principality 150 years Microsite JS

/* Javascript stylesheet */
document.write("<link rel=\"StyleSheet\" href=\"/principalityAssets/p150Assets/css/p150JS.css\" type=\"text/css\" media=\"screen\" />");

$(document).ready(function() {

fnFileInputs();
fnFlyout();
fnHomeImages();
}); // end onload/ready

function fnFileInputs(){
	
	var txtBox = '<span class="filTxt"><span class="top"></span><span class="mid"><input type="text" class="txt" /></span><span class="bot"></span></span>';
	var btn = '<span class="filBtn"></span>';
	
	//file inputs
	$(':file.file').each(function(){
		
		$(this).before(txtBox).wrap(btn);
        
        this.onchange = function(){
        	
        	//get the filename NB: It is split because IE adds the path "fakepath".
        	var filename = $(this).val().split('\\').pop();
        	$(this).parents('.rowUpload').find(':text').val(filename);
        };

	});
	
	$(".filBtn").hover(
	  function () {
	    $(this).addClass("hov");
	  },
	  function () {
	    $(this).removeClass("hov");
	  }
	);
	
	//checkboxes
	
	$(':checkbox.chk').each(function(){
		if($(this).attr('checked')){
			cClass = 'checked';
		}else{
			cClass = 'unchecked';
		}
		
		$(this).after('<a href="#" class="chk '+cClass+'">checkbox</a>').hide();
		
		$(this).change(function(){
			
			if($(this).attr('checked')){
				$(this).next('a.chk').addClass('checked').removeClass('unchecked');
			}else{
				$(this).next('a.chk').addClass('unchecked').removeClass('checked');
			}
		});
		
	});
	
	$('a.chk').click(function(){
		$(this).toggleClass('checked unchecked').prev(':checkbox').click();
		return false;
	});

}

function fnFlyout(){
	$('#mNav ul .fly').show();
	
	/* Mouse version */

	$('#mNav > ul li').hover(
		function(){
			$(this).addClass('hover');
		},
		function(){
			$(this).removeClass('hover');
		});

	/* Keyboard version */
	$('#mNav a').focus(
		function(){
			$(this).parents('li').find('.fly').parent().addClass('hover');
		});
	$('#mNav a').blur(
		function(){
			$(this).parents('li').find('.fly').parent().removeClass('hover');
		});	
}

function fnHomeImages(){
	
	var btns = '<div class="pager"><a href="#" class="btn btnLeft">&lt;</a> <a href="#" class="btn btnRight">&gt;</a></div>';
	
	if($('#photoFrame').length>0){
		
		$frame = $('#photoFrame')
		
		var count = $('#photoFrame li').length;
		
		var rand =  Math.floor(Math.random()*(count))
	
		//load the json file
		$.getJSON('/homepage-items/homepage-hero-images.aspx', function(data) {
		//$.getJSON('_dummy/json/photos.json', function(data) {	
			var json = data;
			
			$desc = $('#photoDesc');
			
			//add the buttons 
			$('.col2', $desc).html(btns);
			
			var len = json.photos.length;
			
			var rand =  Math.floor(Math.random()*(len))
			
			$img = $('#photoFrame img');
			$desc = $('#photoDesc .col1 p');
			$prev = $('#photoDesc .pager a.btnLeft');
			$next = $('#photoDesc .pager a.btnRight');
			
			var count = rand;
			
			function fnChange(){
				$img.attr('src', json.photos[count].img);
				$desc.html(json.photos[count].title);
			}
			
			fnChange();
			
			$next.click(function(){			
				count++;
				if(count>=len){count=0;}
				fnChange();
				return false;
			});
			
			$prev.click(function(){
				count--;
				if(count<0){count=len-1;}
				fnChange();
				return false;
			});
			
		});

	}
}