var $flux = jQuery.noConflict(); /* this is a built in function from jquery to avoid any conflict with other libraries. replace $ sign with $flux */

$flux(document).ready(function () {

	// cool expandey sidebar divs with toggle buttons- just add class 'toggler'
	$flux('.toggler').click(function() {
		$flux(this).parent().find('.expandable').toggle(500);
		$flux(this).toggleClass('plus');
	});
	
	// keep the kiddies out.
	agegate.start();
});

function turnOnSearchImages() {
	if(!search_images_on) {
		search_images_on = true;
		$flux('#image_toggle_on').addClass('selected');
		$flux('#image_toggle_off').removeClass('selected');
		$flux('.result_image').show();
	}
}

function turnOffSearchImages() {
	if(search_images_on) {
		search_images_on = false;
		$flux('#image_toggle_on').removeClass('selected');
		$flux('#image_toggle_off').addClass('selected');
		$flux('.result_image').hide()
	}
}

var search_images_on = true;

var agegate = {
		start : function(){
			if (agecookie.read('mtv_agetest') != null)
				agegate.check(agecookie.read('mtv_agetest'));
			else
				agegate.intro();
		},
		intro : function(){
			var d = new Date();
			year = d.getFullYear();
			
			html = '<div class="intro"><img src="http://www.manandwife.tv/wp-content/themes/manandwife_tv/images/age-icon.gif" class="age-icon" /><span class="age-text">Please enter your birthdate below.</span>';
			html += '<div id="mtv_age_form">';
			html += '<select id="mtv_month">';
			html += '<option value="0">Month</option>';
			html += '<option value="1">January</option>';
			html += '<option value="2">February</option>';
			html += '<option value="3">March</option>';
			html += '<option value="4">April</option>';
			html += '<option value="5">May</option>';
			html += '<option value="6">June</option>';
			html += '<option value="7">July</option>';
			html += '<option value="8">August</option>';
			html += '<option value="9">September</option>';
			html += '<option value="10">October</option>';
			html += '<option value="11">November</option>';
			html += '<option value="12">December</option>';
			html += '</select>';
			html += '<select id="mtv_day"><option value="0">day </option>';
			for (var i = 1; i <= 31; i++)
				html += '<option value="'+i+'">'+i+'</option>';
			html += '</select>';
			html += '<select id="mtv_year"><option value="0">year </option>';
			for (var i = year; i > year - 100;  i--)
				html += '<option value="'+i+'">'+i+'</option>';
			html += '</select>';
			
			html += '<br /><a href="#" onClick="agegate.setcookie();"><img src="http://www.manandwife.tv/wp-content/themes/manandwife_tv/images/enter.gif" class="age-enter" /></a>';
			html += '</div>';
			html += '</div>';
			document.getElementById('age_message').innerHTML = html;
			document.getElementById('age_message').style.display = 'block';
		},
		under : function(){
			document.getElementById('age_message').innerHTML = '<div class="under">Site Access Restricted<br /> Please See the MTV <a href="http://www.mtv.com/sitewide/mtvinfo/terms.jhtml">Terms Of Service</a></div>';
			document.getElementById('age_message').style.display = 'block';
		},
		over : function(){
			document.getElementById('age_message').style.display = 'none';
			document.getElementById('age_wrapper').style.display = 'block';
		},
		setcookie : function(){
			var year = parseInt(document.getElementById('mtv_year').value)*1;
			var month = parseInt(document.getElementById('mtv_month').value) - 1;
			var day = parseInt(document.getElementById('mtv_day').value)*1;
			if (month == -1) {
				alert("Please select a month");
				return false;
			} else if (day == 0) {
				alert("Please select a day");
				return false;
			} else if (year == 0) {
				alert("Please select a year");
				return false;
			}
			
			var theirDate = new Date((year + 18), month, day);
			var theirAge = theirDate.getTime();

			agecookie.create('mtv_agetest',theirAge,30);
			agegate.check(theirAge);
			return false;		
		},
		check : function(theirAge){
			var today = new Date;
			if ( (today.getTime() - theirAge) < 0)
				agegate.under();
			else
				agegate.over();
		}
};

var agecookie = {
		create : function(name,value,days){
			if (days) {
				var date = new Date();
				date.setTime(date.getTime()+(days*24*60*60*1000));
				var expires = "; expires="+date.toGMTString();
			}
			else var expires = "";
			document.cookie = name+"="+value+expires+"; path=/; domain=.mtvi.com";
			document.cookie = name+"="+value+expires+"; path=/; domain=.manandwife.tv";
		},
		read : function(name){
			var nameEQ = name + "=";
			var ca = document.cookie.split(';');
			for(var i=0;i < ca.length;i++) {
				var c = ca[i];
				while (c.charAt(0)==' ') c = c.substring(1,c.length);
				if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
			}
			return null;
		},
		erase : function(name){
			createCookie(name,"",-1);
		}
};

var dropTimer	= 750;
var closeTimer	= 0;
var objectDiv	= 0;

function dropShow(obj, trg) {	
	dropTimeCancel();
	if(objectDiv) objectDiv.style.display = 'none';
  var x = getXY(trg, 'X');
  var x = x + "px";
  var y = getXY(trg, 'Y');
  var y = (y+29) + "px";
	objectDiv = document.getElementById(obj);
  objectDiv.style.left=x;
  objectDiv.style.top=y;
	objectDiv.style.display = 'block';
}

function dropHide() {
	if(objectDiv) {
		objectDiv.style.display = 'none';
	}
}

function dropTimeStart() {
	closeTimer = window.setTimeout(dropHide, dropTimer);
}

function dropTimeCancel() {
	if(closeTimer) {
		window.clearTimeout(closeTimer);
		closeTimer = null;
	}
}
// clear out menu if any other clicks
document.onclick = dropHide; 


function getXY(obj, which) {
	var totalOffset = 0;
	while( obj != null ) {
		if (which == "Y") {
			totalOffset += obj.offsetTop;
		} else {
			totalOffset += obj.offsetLeft;
		}
		obj = obj.offsetParent;
	}
	return totalOffset;
}

