// TWIN JS
// AUTHOR: Matt Collins

//VARS FOR WINDOW POP UPS

leftVal = (600 - screen.width) / 2;
topVal = (600 - screen.height) / 2;

//ONLOAD RUN THESE
$(document).ready(function () {
							
	///////////////////////////////////////////////////
	//ENABLE SEARCH BOX JS STYLES
	///////////////////////////////////////////////////
	$('.searchbox').addClass('JSsearchbox');
	$('.searchbox').removeClass('searchbox');	
	
	///////////////////////////////////////////////////
	// EQUAL HEIGHTS ON BLOG COLS 
	///////////////////////////////////////////////////
	equalHeight($('#posts-row-0'));
	equalHeight($('#posts-row-2'));
	equalHeight($('#posts-row-4'));
	equalHeight($('#posts-row-6'));
	function equalHeight(group) {
    tallest = 0;
    group.each(function() {
        thisHeight = $(this).height();
        if(thisHeight > tallest) {
            tallest = thisHeight;
        }
    });
		group.height(tallest);
	}
	
	
	///////////////////////////////////////////////////
	//iPhone Hover State
	///////////////////////////////////////////////////
	var myLinks = document.getElementsByTagName('a');
	for(var i = 0; i < myLinks.length; i++){
	   myLinks[i].addEventListener('touchstart', function(){this.className = "hover";}, false);
	   myLinks[i].addEventListener('touchend', function(){this.className = "";}, false);
	}
	
	///////////////////////////////////////////////////
	//SHOW COMMENTING
	///////////////////////////////////////////////////
	$('#respond,#noJS').toggle();

	///////////////////////////////////////////////////
	//CAT LIST SHOW/HIDE
	///////////////////////////////////////////////////
	$('.cat-list').css('display','none');
	$('.cat-icon').addClass('plus');
	
	$('#sidebar-cat').click(function(){
		$('.cat-icon').addClass('minus');
		$('.cat-list').toggle(400);
	});
	
	///////////////////////////////////////////////////
	//HOMEPAGE SLIDE SHOW
	///////////////////////////////////////////////////
	$('#slideshow').cycle({
		speed:       1000, 
		timeout:     4000,
		before: onBefore
	});
	
	function onBefore(i, o, op) { 
		//HIGHLIGHT HOME ITEM
		var im = $(i).attr('id').replace('img','item');  
		$('#'+im).animate({ backgroundColor: "#000000" }, 500);
		var ot = $(o).attr('id').replace('img','item'); 
		$('#'+ot).animate({ backgroundColor: "#262626" }, 500);
	} 

	$('#home-item-0, #home-item-1, #home-item-2').hover(function(){
		$('#slideshow').cycle('pause');
		//$('.home-item:not('+$(this).attr('id')+')').animate({ backgroundColor: "#000000" }, 500);
		var i = $(this).attr('id');
		i = i.substr(i.length-1,1);
		$('#slideshow').cycle(parseInt(i));
	}, function(){
		$('#slideshow').cycle('resume');
	});
	////////////////////////////////////////////////////
});

	
	
	//signup validation
	var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
	function clickclear(thisfield, defaulttext) {
		if (thisfield.value == defaulttext) {
			thisfield.value = "";
		}
	}
	function clickrecall(thisfield, defaulttext) {
		if (thisfield.value == "") {
			thisfield.value = defaulttext;
		}
	}
	function validate_signup() {
		if ($('#dudkhj_dudkhj').val() == '' || $('#dudkhj_dudkhj').val() == 'Email Address' || !reg.test($('#dudkhj_dudkhj').val())) {
			alert('Please enter a valid email address');
			if ($('#dudkhj_dudkhj').val() == '' || $('#dudkhj_dudkhj').val() == 'Email Address'){$('#dudkhj_dudkhj').val('');}
			$('#dudkhj_dudkhj').focus();
				return false;
		}
		else {
			//SAVE VIA PHP PROXY
			$.ajax({
			   type: "POST",
			   url: "/wp-content/themes/twin/email_submit.php",
			   data: "ajax=1&email="+$('#dudkhj_dudkhj').val(),
			   cache: false,
			   dataType: 'html',
			   success: function (html) {
				if (html==1) {
					$('#success').html('Thank you. Your email has been added');
					$('#success').fadeIn('slow');
					$('#dudkhj_dudkhj').val('Email Address');
					setTimeout(successHide, 2000);
				} else { 
					$('#success').html('Sorry that didn\'t work please try again');
					$('#success').fadeIn('slow');
					setTimeout(successHide, 2000);
				};}
			 });


	return false;
			
		}
	
	}
	
	function successHide(){
		$('#success').slideToggle('slow');
	}
	

///