var tint;
var hint;
var oc;
var bi;
var bc;
// top menu timeout and change speed
var i1=255;
var j1=i1;
var k1=0;
var step = 40;
var timeout = 40;
// font color fade in for home page
var i2=255;
var j2=i2;
var k2=0;
var f_step = 20;
var f_timeout = 20;
var menu;
var changed = 0;
var txt;
var qs = new Array();
var tarr = new Array(1, 4, 2, 7, 3, 6, 8, 5);
var win;
// randomize the array
fisherYates(tarr);
// tarr[8] = 9;

url = parent.document.URL
qs = url.split("/");

// alert(qs);

var page = qs[3];
var sub1 = qs[4];
var sub2 = qs[5];

if ("products" == page && !(sub1)) {
	sub1 = 'overview';
}

// now we have both submenu items starting with "Voter", so we need a way
// to distinguish them. Let the first one be a little custom
if ("voter_trends" == page && (!(sub1) || "overview" == sub1)) {
	sub1 = 'overview';
}

if ("about" == page && !(sub1)) {
	sub1 = 'people';
}

if ("how_resonance_works" == sub1 ) {
	sub1 = 'How Resonance Works';
}

// alert(page+" | "+sub1+" | "+sub2);

$(document).ready( function() {/*{{{*/

	// fade in the home table text
	// init and randomize the array of numbers from 0 to 7
	// they'll be user to ID the table cells for fading in
	hint = setInterval('up_font_color()', f_timeout);

	// show the picture in the left nav for about us, if it's not the company
	// subpage
	if ("about" == page && "company" == sub1) {
		$(".nav-left img").css("display", "block");
	}

	// product comparison popup - center all images in the table
	$("#popup__product_comparison table img").parent().css("text-align", "center")

	// navigation border
	$("#nav-top div:last-child").css("border-right","2px solid #CCC");

	// show submenu for the active menu items, if any
	if (sub1) {
		$(".nav-left ul li").contains(sub1.substring(1,5)).next(".submenu").css("display", "block");
	}

	/*highlight current page in left nav menu{{{*/
	if ((("products" == page) || ("about" == page) || ("voter_trends" == page)) && !(sub2)) {
		// if it's a votertrends - we need a way to distinguish those 2 links
		if (("voter_trends" == page) && ("overview" == sub1)) {
			var link = $(".nav-left ul li:first-child");
		} else if (("voter_trends" == page) && ("overview" != sub1)){
			var link = $(".nav-left ul li:nth-child(2)");
		// all other cases and pages
		} else {
			var link = $(".nav-left ul li[a:contains('"+sub1.substring(1,5)+"')]");
		}
		// alert($(".nav-left [li:contains('"+sub1.substring(1,5)+"')]").html());
		var text = link.text();
		link.empty();
		link.text(text).addClass("strong");
	} else if ((("products" == page) || ("about" == page) || ("voter_trends" == page)) && (sub2)) {
		var menu_str = sub2.substring(0,3);
		menu_str = menu_str.substring(0,1).toUpperCase() + menu_str.substring(1,3);
		var link = $(".nav-left li ul li[a:contains('"+menu_str+"')]");
		var text = link.text();
		link.empty();
		link.text(text).addClass("strong");
	}/*}}}*/

	$(".nav-top_link").hover( function(){/*{{{*/
			i1=255;
			j1=i1;
			bi = $(this).css("background-image");
			bc = $(this).css("background-color");
			$(this).css("background-image", "none");
			menu = $(this);
			tint = setInterval('upbgcolor()', timeout);
		}, function(){
			i1=0;j1=51;
			clearInterval(tint);
			$(this).css("background-image", bi);
			$(this).css("background-color", bc);
	});/*}}}*/

	$(".nav-top_hover").hover( function(){/*{{{*/
			bc = $(this).css("background-color");
			$(this).css("background-color", "#666666");
		}, function(){
			$(this).css("background-color", bc);
	});/*}}}*/

    if ("popup" == page) {
        if ("product_comparison" == sub1) {
            // alert("got it~");
            $("#comparison th:nth-child(2)").addClass("profiler");
            $("#comparison th:nth-child(3)").addClass("predictor");
            $("#comparison th:nth-child(4)").addClass("tiebreaker");
            $("#comparison th:nth-child(5)").addClass("tweaker");
            $("#comparison th:nth-child(6)").addClass("tracker");

            $("#comparison td:nth-child(2)").addClass("profiler");
            $("#comparison td:nth-child(3)").addClass("predictor");
            $("#comparison td:nth-child(4)").addClass("tiebreaker");
            $("#comparison td:nth-child(5)").addClass("tweaker");
            $("#comparison td:nth-child(6)").addClass("tracker");
        }

    }

});/*}}}*/

function upbgcolor() {/*{{{*/
	if (i1 <= 0) {
		i1 = 0;
		clearInterval(tint);
	} else {
		i1 -= step;
		j1=i1;
	}
	if (j1<51) {
		j1=51;
	}
	menu.css("background-color", "rgb(255,"+j1+","+i1+")");
}/*}}}*/

function up_font_color() {/*{{{*/
	if (i2 <= 0) {
		i2 = 0;
		clearInterval(hint);
		if (k2 < tarr.length) {
			k2++;
			i2=255;
			j2=i2;
			hint = setInterval('up_font_color()', f_timeout);
		} else {
			// clear callback function
			clearInterval(hint);
			// show the home heading
			// $("home h2").css("display", "none");

			$("#home h1").animate({
				width: 'toggle',
				opacity: 'toggle'
			}, {
				duration: 4000
			});
		}
	} else {
		i2 -= f_step;
		j2=i2;
	}
	if (j2<51) {
		j2=51;
	}
	$("#home ."+tarr[k2]).css("color", "rgb(255,"+j2+","+i2+")");
}/*}}}*/

function popup_price(link) {/*{{{*/
	var product = $(link).parent().attr("class");
	var win=window.open('/popup/pricing/'+product, product+
	'pricing','left=20,top=90,width=758,height=810,toolbar=no,menubar=no,'+
	'location=no,scrollbars=yes,resizable=no');
}/*}}}*/

function popup_contactus() {/*{{{*/
	var win=window.open('/popup/order',
	'contactus','left=20,top=90,width=758,height=810,toolbar=no,menubar=no,'+
	'location=no,scrollbars=yes,resizable=no');
}/*}}}*/


function popup_window(link,w,h) {/*{{{*/
	var win=window.open('/popup/'+link, 'window','left=20,top=0,'+
	'width='+w+',height='+h+',toolbar=no,menubar=no,'+
	'location=no,scrollbars=yes,resizable=no');
}/*}}}*/

function open_testdrive(login, pass, pid) {/*{{{*/
	var win=window.open('http://www.xinsights.com/dashboard/d.php?uid='+login+
	'&pw='+pass+'&pid='+pid,'tdr',"width=760,height=575,toolbar=no,location=no,directories=no,"+
	"status=no,menubar=no,scrollbars=no,copyhistory=no,resizable=yes");
}/*}}}*/

function open_testdrive2(login, pass, pid) {/*{{{*/
    if (win) { win.close(); }

    var pidstring = "";
    if(pid)
    	pidstring = '&pid='+pid

    win=window.open('http://www.xinsights.com/dbv2/?uid='+login+
    '&pw='+pass+pidstring,'_blank',"width=920,height=660,toolbar=no,location=no,directories=no,"+
    "status=no,menubar=no,scrollbars=yes,copyhistory=no,resizable=no");
}/*}}}*/

function open_testdrive3(login, pass, pid) {/*{{{*/
    if (win) { win.close(); }

    var pidstring = "";
    if(pid)
    	pidstring = '&pid='+pid

    win=window.open('http://www.xinsights.com/dbv2/?uid='+login+
    '&pw='+pass+pidstring,'_blank',"width=920,height=660,toolbar=no,location=no,directories=no,"+
    "status=no,menubar=no,scrollbars=no,copyhistory=no,resizable=no");
}/*}}}*/

function open_stestdrive(login, pass) {/*{{{*/
	var win=window.open('http://www.xinsights.com/cgi-bin/surveys/login.pl?uid='+login+
	'&pw='+pass,'tdr',"width=840,height=750,toolbar=no,location=no,directories=no,"+
	"status=no,menubar=no,scrollbars=yes,copyhistory=no,resizable=yes");
}/*}}}*/

function goto_dashboard(select, uid, pw) {/*{{{*/
	if ("false" != $(select).attr("value")) {
		//alert($(select).attr("value")+uid+pw)
		var pid = $(select).attr("value");

		open_testdrive(uid, pw, pid);
	}
}/*}}}*/

function goto_dashboard2(select, uid, pw) {/*{{{*/
	if ("false" != $(select).attr("value")) {
		//alert($(select).attr("value")+uid+pw)
		var pid = $(select).attr("value");

		var dashForm = document.getElementById('dashForm');
		dashForm.action = 'http://www.xinsights.com/dbv2/?uid='+uid+'&pw='+pw+'&pid='+pid;
		dashForm.submit();

//		open_testdrive2(uid, pw, pid);
		//open_testdrive(uid, pw, pid);
	}
}/*}}}*/

/*array randomizing{{{*/
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;
   }
}/*}}}*/

function checkOrdering(){
    var name = document.getElementById('name');
    var email = document.getElementById('email');
    var phone = document.getElementById('phone');
    var phoneRadio = document.getElementById('phoneRadio');
    var emailReg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;

    if (!name.value.length || !email.value.length){
        alert ('Please fill all required fields');
        if (!name.value.length)
            name.focus();
        else
            email.focus();
        return false
    }else if (!emailReg.test(email.value)){
        alert('Please enter valid email address');
        email.focus();
        return false;
    }else if (phoneRadio.checked && !phone.value.length){
        alert('Please enter your phone number');
        phone.focus();
        return false;
    }
    return true;
}