function toggleTextOut(e,txtval) {
	if(e.value=="") e.value = txtval;

}
function toggleTextIn(e,txtval) {
	if(e.value==txtval) e.value="";
	else e.select();
}

$(document).ready(function(){
	$("form").submit(function() {
		var emailFilter = /^.+@[^\.]+(\.([^\.]){2,3}){1,2}$/ ;
		var flag = false;
		$(this).find('li.mandatory').each(function(){
			//alert($(this).find("label").next().val());
			if($(this).find("label").next().val() == ""){
				$(this).find("label").find("span").addClass("error");
				flag = true;
			}
			else if($(this).find("label").next().attr("id") == "email") {
				if( !(emailFilter.test($(this).find("label").next().val())) || $(this).find("label").next().val().indexOf(" ") != -1 ) {
					$(this).find("label").find("span").addClass("error");
					$(this).find("label").find("span").text("Please enter a valid email ID");
				}
				else
				{
					$(this).find("label").find("span").removeClass("error");
					$(this).find("label").find("span").text("Please enter your email ID");
				}
			}
			else{
				$(this).find("label").find("span").removeClass("error");
			}
		});
		
		if(flag == true)
			return false;
		else
			return true;
    });
	 
	$("form li.mandatory label").next().blur( function () { 
		var emailFilter = /^.+@[^\.]+(\.([^\.]){2,3}){1,2}$/ ;
		if($(this).val() == ""){
			$(this).prev("label").find("span").addClass("error");
		}
		else if($(this).attr("id") == "email") {
			if( !(emailFilter.test($(this).val())) || $(this).val().indexOf(" ") != -1 ) {
				$(this).prev("label").find("span").addClass("error");
				$(this).prev("label").find("span").text("Please enter a valid email ID");
			}
			else
			{
				$(this).prev("label").find("span").removeClass("error");
				$(this).prev("label").find("span").text("Please enter your email ID");
			}
		}
		else{
			$(this).prev("label").find("span").removeClass("error");
		}
    } );
	
	$(".swap").hover(
		function(){
		if($(this).attr("src").indexOf("-on.") == -1) {
			var newSrc = $(this).attr("src");
			newSrc = (newSrc.replace(/.jpg|.gif|.png/, '-on' + newSrc.substr(newSrc.length - 4)));
			$(this).attr("src",newSrc);
		}},
		function(){
		if($(this).attr("src").indexOf("-on.") > 0) {
			var oldSrc = $(this).attr("src").replace('-on.', '.');
			$(this).attr("src",oldSrc);
		}
				
	});
	
	
	$(".nav-main li").hover(
	function()
	{
		$(this).children('ul').show();
		$(this).addClass('selected');
	}, function()
	{
		$(this).children('ul').hide();
		$(this).removeClass('selected');
	});
	
	
	$(".nav-main > li:first").hover(function(){
 		$(this).parent('ul').addClass('line-first');
	},function(){
	  	$(this).parent('ul').removeClass('line-first');
		if($(".nav-main li:first").hasClass("current")){
		$(".nav-main li:first").parent('ul').addClass('line-first');
		}
	});
	
	if($(".nav-main li:first").hasClass("current")){
		$(".nav-main li:first").parent('ul').addClass('line-first');
	}
	
	
	$(".nav-main > li:last").hover(function(){
 		$(this).parent('ul').addClass('line-last'); 
	},function(){
	  	$(this).parent('ul').removeClass('line-last');
		if($(".nav-main li:last").hasClass("current")){
		$(".nav-main li:last").parent('ul').addClass('line-last');
		}
	});
	
	if($(".nav-main li:last").hasClass("current")){
		$(".nav-main li:last").parent('ul').addClass('line-last');
	}

	$(".nav-main li ul").hover(function(){
		$(this).parent('li').addClass('current');			   
	}, function(){
		$(this).parent('li').removeClass('current');
	});
	$(".dropdown li:first-child").addClass('first');
	$(".related-links li:first").addClass('first');

	$(".accordion li h3").not(':first').removeClass('open');
		$(".accordion li h3").not(':first').addClass('close');
		$(".accordion li div.accordion-content").not(':first').hide();
		$(".accordion li h3").click(function() {
			$(".accordion li h3").removeClass('open');
			$(".accordion li h3").addClass('close');
			if($(this).next('div.accordion-content').is(':visible')) {
				$(this).next('div.accordion-content').slideUp('slow');				
				$(this).removeClass('open');
				$(this).addClass('close');
				return false;
			} else {				
				$('.accordion li h3').next('div.accordion-content').slideUp('slow');	
				$(this).next('div.accordion-content').hide();
				$(this).next('div').slideDown('slow');				
				$(this).removeClass('close');
				$(this).addClass('open');
				return false;
			}
		});
		
		
	$('.tooltip').hide();					   
		$('.gallery li a').hover(function() {									  
			$('#tip-' + $(this).attr('rev')).css({top:$(this).offset().top-100, left:$(this).offset().left +97}).show();							  
		}, function() {
			$('#tip-' + $(this).attr('rev')).hide();
	});						   		
		
});
/*
CSS Browser Selector v0.3.5 (Feb 05, 2010)
Rafael Lima (http://rafael.adm.br)
http://rafael.adm.br/css_browser_selector
License: http://creativecommons.org/licenses/by/2.5/
Contributors: http://rafael.adm.br/css_browser_selector#contributors
*/
function css_browser_selector(u){var ua = u.toLowerCase(),is=function(t){return ua.indexOf(t)>-1;},g='gecko',w='webkit',s='safari',o='opera',h=document.documentElement,b=[(!(/opera|webtv/i.test(ua))&&/msie\s(\d)/.test(ua))?('ie ie'+RegExp.$1):is('firefox/2')?g+' ff2':is('firefox/3.5')?g+' ff3 ff3_5':is('firefox/3')?g+' ff3':is('gecko/')?g:is('opera')?o+(/version\/(\d+)/.test(ua)?' '+o+RegExp.$1:(/opera(\s|\/)(\d+)/.test(ua)?' '+o+RegExp.$2:'')):is('konqueror')?'konqueror':is('chrome')?w+' chrome':is('iron')?w+' iron':is('applewebkit/')?w+' '+s+(/version\/(\d+)/.test(ua)?' '+s+RegExp.$1:''):is('mozilla/')?g:'',is('j2me')?'mobile':is('iphone')?'iphone':is('ipod')?'ipod':is('mac')?'mac':is('darwin')?'mac':is('webtv')?'webtv':is('win')?'win':is('freebsd')?'freebsd':(is('x11')||is('linux'))?'linux':'','js']; c = b.join(' '); h.className += ' '+c; return c;}; css_browser_selector(navigator.userAgent);



/*

CUSTOM FORM ELEMENTS

Created by Ryan Fait
www.ryanfait.com

The only things you may need to change in this file are the following
variables: checkboxHeight, radioHeight and selectWidth (lines 24, 25, 26)

The numbers you set for checkboxHeight and radioHeight should be one quarter
of the total height of the image want to use for checkboxes and radio
buttons. Both images should contain the four stages of both inputs stacked
on top of each other in this order: unchecked, unchecked-clicked, checked,
checked-clicked.

You may need to adjust your images a bit if there is a slight vertical
movement during the different stages of the button activation.

The value of selectWidth should be the width of your select list image.

Visit http://ryanfait.com/ for more information.

*/

var checkboxHeight = "35";
var radioHeight = "35";
var selectWidth = "280";


/* No need to change anything after this */

document.write('<style type="text/css">input.styled { display: none; } select.styled { position: relative; width: ' + selectWidth + 'px; opacity: 0; filter: alpha(opacity=0); z-index: 5; } .disabled { opacity: 0.5; filter: alpha(opacity=50); }</style>');

var Custom = {
	init: function() {
		var inputs = document.getElementsByTagName("input"), span = Array(), textnode, option, active;
		for(a = 0; a < inputs.length; a++) {
			if((inputs[a].type == "checkbox" || inputs[a].type == "radio") && inputs[a].className == "styled") {
				span[a] = document.createElement("span");
				span[a].className = inputs[a].type;

				if(inputs[a].checked == true) {
					if(inputs[a].type == "checkbox") {
						position = "0 -" + (checkboxHeight*2) + "px";
						span[a].style.backgroundPosition = position;
					} else {
						position = "0 -" + (radioHeight*2) + "px";
						span[a].style.backgroundPosition = position;
					}
				}
				inputs[a].parentNode.insertBefore(span[a], inputs[a]);
				inputs[a].onchange = Custom.clear;
				if(!inputs[a].getAttribute("disabled")) {
					span[a].onmousedown = Custom.pushed;
					span[a].onmouseup = Custom.check;
				} else {
					span[a].className = span[a].className += " disabled";
				}
			}
		}
		inputs = document.getElementsByTagName("select");
		for(a = 0; a < inputs.length; a++) {
			if(inputs[a].className == "styled") {
				option = inputs[a].getElementsByTagName("option");
				active = option[0].childNodes[0].nodeValue;
				textnode = document.createTextNode(active);
				for(b = 0; b < option.length; b++) {
					if(option[b].selected == true) {
						textnode = document.createTextNode(option[b].childNodes[0].nodeValue);
					}
				}
				span[a] = document.createElement("span");
				span[a].className = "select";
				span[a].id = "select" + inputs[a].name;
				span[a].appendChild(textnode);
				inputs[a].parentNode.insertBefore(span[a], inputs[a]);
				
			}
		}
		document.onmouseup = Custom.clear;
	},
	pushed: function() {
		element = this.nextSibling;
		if(element.checked == true && element.type == "checkbox") {
			this.style.backgroundPosition = "0 -" + checkboxHeight*3 + "px";
		} else if(element.checked == true && element.type == "radio") {
			this.style.backgroundPosition = "0 -" + radioHeight*3 + "px";
		} else if(element.checked != true && element.type == "checkbox") {
			this.style.backgroundPosition = "0 -" + checkboxHeight + "px";
		} else {
			this.style.backgroundPosition = "0 -" + radioHeight + "px";
		}
	},
	check: function() {
		element = this.nextSibling;
		if(element.checked == true && element.type == "checkbox") {
			this.style.backgroundPosition = "0 0";
			element.checked = false;
		} else {
			if(element.type == "checkbox") {
				this.style.backgroundPosition = "0 -" + checkboxHeight*2 + "px";
			} else {
				this.style.backgroundPosition = "0 -" + radioHeight*2 + "px";
				group = this.nextSibling.name;
				inputs = document.getElementsByTagName("input");
				for(a = 0; a < inputs.length; a++) {
					if(inputs[a].name == group && inputs[a] != this.nextSibling) {
						inputs[a].previousSibling.style.backgroundPosition = "0 0";
					}
				}
			}
			element.checked = true;
		}
	},
	clear: function() {
		inputs = document.getElementsByTagName("input");
		for(var b = 0; b < inputs.length; b++) {
			if(inputs[b].type == "checkbox" && inputs[b].checked == true && inputs[b].className == "styled") {
				inputs[b].previousSibling.style.backgroundPosition = "0 -" + checkboxHeight*2 + "px";
			} else if(inputs[b].type == "checkbox" && inputs[b].className == "styled") {
				inputs[b].previousSibling.style.backgroundPosition = "0 0";
			} else if(inputs[b].type == "radio" && inputs[b].checked == true && inputs[b].className == "styled") {
				inputs[b].previousSibling.style.backgroundPosition = "0 -" + radioHeight*2 + "px";
			} else if(inputs[b].type == "radio" && inputs[b].className == "styled") {
				inputs[b].previousSibling.style.backgroundPosition = "0 0";
			}
		}
	},
	choose: function() {
		option = this.getElementsByTagName("option");
		for(d = 0; d < option.length; d++) {
			if(option[d].selected == true) {
				document.getElementById("select" + this.name).childNodes[0].nodeValue = option[d].childNodes[0].nodeValue;
			}
		}
	}
}
window.onload = Custom.init;