$(function() {
	$("a[href*=.flv]").click(function () { 
    	$('#overlayyy').remove();
	    $('#videoplayer').remove();
		var template_dir ='';		
		var html = '';
		var videocode = '';
/*		videocode += '<object id="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="player" width="425" height="355">';
		videocode += '	<param name="movie" value="' + template_dir + '/mediaplayer/player.swf" />';
		videocode += '	<param name="allowfullscreen" value="true" />';
		videocode += '	<param name="allowscriptaccess" value="always" />';
		videocode += '	<param name="flashvars" value="file=' + $(this).attr('href') + '&image=preview.jpg" />';*/
		videocode += '	<object type="application/x-shockwave-flash" data="' + template_dir + '/mediaplayer/player.swf" width="700" height="400">';
		videocode += '		<param name="movie" value="' + template_dir + '/mediaplayer/player.swf" />';
		videocode += '		<param name="allowfullscreen" value="true" />';
		videocode += '		<param name="allowscriptaccess" value="always" />';
		videocode += '		<param name="flashvars" value="file=' + $(this).attr('href') + '&autostart=true" />';
		videocode += '		<p><a href="http://get.adobe.com/flashplayer">Get Flash</a> to see this player.</p>';
		videocode += '	</object>';
		videocode += '<a id="closevideo" href="#close"><img src="' + template_dir + '/images/closelabel.gif" /></a>';
		//videocode += '</object>';
		
		
		html += '<div id="overlayyy">&nbsp;</div>';
		html += '<div id="videoplayer">' + videocode + '</div>';
		
		$("body").append(html);
		var playerYpos = $(window).height()/2 - $("#videoplayer").height()/2 + $(window).scrollTop();
		$("#videoplayer").css('top', playerYpos);
        $("#videoplayer").css('left', $(window).width()/2-$("#videoplayer").width()/2);
		$("#overlayyy").css('height', $(document).height());
				
		$("#overlayyy, #closevideo").click(function(){ end(); });

		return false;
    });
	
	function end() {
	    $('#videoplayer').hide();
	    $('#overlayyy').fadeOut();
    };
	
	var template_dir = '..';
	$("a.lightbox").lightbox({
		fitToScreen: true,
		loopImages: true,
		disableNavbarLinks: true,
		fileLoadingImage: template_dir + '/images/loading.gif',
		fileBottomNavCloseImage : template_dir + '/images/closelabel.gif',
		imageClickClose: true
	});
	
	var left;
	var top;
	var bgimage;
	$("div.photo").hover(
		function () {
			var offset = $(this).offset();
			left = offset.left-18;
			if (jQuery.browser.msie) {
				top = offset.top-17;
			} else {
				top = offset.top-18;
			}
			bgimage = $(this).css('background-image');
			$('#hack').css({'display' : 'block', 'position' : 'absolute', 'background-image' : bgimage, top : top+'px', left : left+'px'});
			$('#hack a#hacklink').attr({ 
				href: $(this).children('a').attr('href'),
				title: $(this).children('a').attr('title'),
				alt: $(this).children('a').attr('alt')
			});

		},
		function () {
			//out
		}
	);
	
	$("#hack").hover(
		function () {
			//over
		},
		function () {
			$(this).css({'display' : 'none'});
		}
	);
	
	
	/*****/
	$("div.photo").each(function (i) {
		$(this).animate({ 
			opacity: 0
		}, 0 )
	});
	
	function fisherYates ( myArray ) {
	  var i = myArray.length;
	  if ( i == 0 ) return false;
	  while ( --i ) {
		 var j = Math.floor( Math.random() * ( i + 1 ) );
		 var tempi = myArray[i];
		 var tempj = myArray[j];
		 myArray[i] = tempj;
		 myArray[j] = tempi;
	   }
	}
	
	var photoDivs = $('div.photo').length;
	var indexArray = [];
	for (i=1; i<=photoDivs; i++) {
		indexArray.push(i);
	}
	fisherYates(indexArray);

	function asd() {
		current_index = indexArray.pop();
	
		if (current_index) {
			$('div.photo:eq('+current_index+')').animate({ 
				opacity: 1
			}, 1355 );
		} else {
			$('div.photo:eq(0)').animate({ 
				opacity: 1
			}, 1355 );
			clearInterval(intervalId);
		}
	}
	
	var intervalId = setInterval(asd, 100);
	
	$(".colorsquare").hover(
		function () {
			//over
			var newcolor;
			newcolor = $(this).css('background-color');
			$('.imagepan').css({'position' : 'relative'});
			$('#colorselection').css({'position' : 'relative'});
			
			if (window.innerWidth || window.innerHeight){ 
				docwidth = window.innerWidth; 
				docheight = window.innerHeight; 
			} 
			//IE Mozilla 
			if (document.body.clientWidth || document.body.clientHeight){ 
				docwidth = document.body.clientWidth; 
				docheight = document.body.clientHeight; 
			} 
			
			$('#padding').css({'display' : 'block', 'background-color': newcolor, 'width' : docwidth+'px', 'height' : docheight+'px'});
		},
		function () {
			 $('.imagepan').css({'position' : 'relative'});
			 $('#colorselection').css({'position' : 'relative'});
			 $('#padding').css({'background-color' : '', 'width' : '1px', 'height' : '1px'});
		}
	);
	
	$("#opencomments").click(function () { 
    	$("#comments").slideToggle("medium");
		$.scrollTo( $('#comments'), 800 )

		return false;
    });
	
	/** Comment form **/
	
	$('#respond input, #respond textarea').each(function () {
		if ($(this).val() == '') {
			$(this).val($(this).attr('defaultvalue'));
		}
	}).focus(function () {
		if ($(this).val() == $(this).attr('defaultvalue')) {
			$(this).val('');
		}
	}).blur(function () {
		if ($(this).val() == '') {
			$(this).val($(this).attr('defaultvalue'));
		}
	});
	
	
	$("#respond #submit").click(function(){
		$(".error").hide();
		
		var hasError = false;
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
		
		var emailToVal = $("#email").val();
		if (emailToVal) {
			if (emailToVal == '') {
				$(this).before('<span class="error">You forgot to enter email address.</span>');
				hasError = true;
			} else if (!emailReg.test(emailToVal)) {	
				$(this).before('<span class="error">Enter a valid email address.</span>');
				hasError = true;
			}
		}
		
		var nameVal = $("#author").val();
		if (nameVal == '' || nameVal == 'Name' ) {
			$(this).before('<span class="error">Enter your name.</span>');
			hasError = true;
		}
		
		var messageVal = $("#comment").val();
		if (messageVal == '' || messageVal == 'Your Message ...') {
			$(this).before('<span class="error">You forgot to enter the message.</span>');
			hasError = true;
		}
		
		if (hasError == false) {
			var urlVal = $("#url").val();
			if (urlVal == '' || urlVal == 'Website' ) {
				$("#url").val('');
			}
			document.commentform.submit();
		}
		
		return false;
	});

	
});