$(document).ready(function() {
	
	$('#slider').nivoSlider({
		effect:'fade',
		controlNav:false,
		pauseTime:3000,
		directionNav:false
	});

  $(".paymentSelect").click(function(){

    if($(this).val() != 3) {

      $("#cardDetails").css('display', 'none');

    } else {

      $("#cardDetails").css('display', 'block');
 
    }

  });
  
 
  $("#menu li").mouseover(
  function () {
	
	if ($(this).attr("id") == 'cardsNav') {
	$("#cardCategories").css('display', 'block');
	} else {
	$("#cardCategories").css('display', 'none');	
	}
	
     }
);
  
  $("#wrap").click(function() {
	$("#cardCategories").css('display', 'none');
  });

});

function showpostit(e,postitid) {
	
	var posx = 0;
	var posy = 0;
	
	e = e || window.event;
	
    var cursor = {x:0, y:0};
    if (e.pageX || e.pageY) {
        posx = e.pageX;
        posy = e.pageY;
    } 
    else {
        var de = document.documentElement;
        var b = document.body;
        posx = e.clientX + 
            (de.scrollLeft || b.scrollLeft) - (de.clientLeft || 0);
        posy = e.clientY + 
            (de.scrollTop || b.scrollTop) - (de.clientTop || 0);
    }
    
    posx = posx + 20;

	posy = posy - document.getElementById(postitid).clientHeight + 20;
	document.getElementById(postitid).style.left = posx + 'px';
	document.getElementById(postitid).style.top = posy + 'px';
	document.getElementById(postitid).style.display = 'block';

}

function loadstyle1() {
document.images.sample1.src = '/small/' + document.request.cardstyle[document.request.cardstyle.selectedIndex].value;

}

function loadstyle2() {
document.images.sample2.src = '/small/' + document.request.cardstyle2[document.request.cardstyle2.selectedIndex].value;

}

function populate_font(font) {
	opener.document.getElementById("internalmessagefont").value = font;
	opener.document.getElementById("internalmessage_font").innerHTML = font;
	close();
}

function populate_add_font(font) {
	opener.document.getElementById("internaladdressfont").value = font;
	opener.document.getElementById("internaladdress_font").innerHTML = font;

	close();
}

function populate_front_font(font) {
	opener.document.getElementById("fpfont").value = font;
	opener.document.getElementById("fpfont_font").innerHTML = font;

	close();
}

function populate_greeting(greeting) {
opener.document.getElementById("internal_message_textbox").value = greeting;
close();
}

function newwin(page, w, h)	{
	
	var W = open(page,"primary","toolbar=0,directories=no,status=no,scrollbars=yes,resize=no,menubar=0,location=no,copyhistory=yes,title=yes,width="+w+",height="+h+"");
	
	if (window.focus) {
		W.focus()
	}
	
}

function SetGreeting() {
  text = document.getElementById("ddgreeting").value;
  var x = text.split("|");

  if (!x[5]) x[5] = "";
  if (!x[4]) x[4] = "";
  if (!x[3]) x[3] = "";
  if (!x[2]) x[2] = "";
  if (!x[1]) x[1] = "";
  if (!x[0]) x[0] = "";

  document.getElementById("l1").value = x[0];
  document.getElementById("l2").value = x[1];
  document.getElementById("l3").value = x[2];
  document.getElementById("l4").value = x[3];
  document.getElementById("l5").value = x[4];
  document.getElementById("l6").value = x[5];
}

function getPriceTable(){
var xmlhttp=false; //Clear our fetching variable
var content="";
        try {
                xmlhttp = new ActiveXObject('Msxml2.XMLHTTP'); //Try the first kind of active x object…
        } catch (e) {
                try {
                        xmlhttp = new
                        ActiveXObject('Microsoft.XMLHTTP'); //Try the second kind of active x object
            } catch (E) {
                xmlhttp = false;
                        }
        }
        if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
                xmlhttp = new XMLHttpRequest(); //If we were able to get a working active x object, start an XMLHttpRequest
        }
        var file = 'pricetable.php';

	var qty = document.getElementById("qty").value;
	var cardid = document.getElementById("cardid").value;
	var cardname = document.getElementById("cardname").value;
	var logorequired = document.getElementById("logorequired").selectedIndex;

	xmlhttp.open('GET', file + '?qty=' + qty + '&logorequired=' + logorequired + '&cardid=' + cardid + '&cardname=' + cardname, true); //Open the file through GET, and add the page we want to retrieve as a GET variable **

    xmlhttp.onreadystatechange=function() {
        if (xmlhttp.readyState==4) { //Check if it is ready to recieve data
                var content = xmlhttp.responseText; //The content data which has been retrieved ***
                if( content ){ //Make sure there is something in the content variable
                      document.getElementById('pricediv').innerHTML = content; //Change the inner content of your div to the newly retrieved content ****
                }
        }
        }
        xmlhttp.send(null) //Nullify the XMLHttpRequest
return;
}

function checklogo() {

	if ($("#logorequired").val() == 2 || $("#logorequired").val() == 3) {
	      
	  showlogo();
	  
	} else {
	      
	  hidelogo();
	  
	}
 
}

function checkfptext() {
	
  if ($("#logorequired").val() == 1 ||
      $("#logorequired").val() == 3 ||
      $("#logorequired").val() == 4) {
	
    $("#frontpagetextcontent").css('display', 'block');
    $("#frontText").css('display', 'block');
    $("#frontpagedisabled").css('display', 'none');
    $("#fptextholder").css('display', 'block');
    
    if ($("#logorequired").val() == 3 ||
        $("#logorequired").val() == 4) {
    
	$("#fplogoholder").css('display', 'none');
	$("#frontLogo").css('display', 'none');
    
    } else {
	
	$("#fplogoholder").css('display', 'block');
	$("#frontLogo").css('display', 'block');
	
    }
    
  } else {
	
    $("#frontpagetextcontent").css('display', 'none');
    $("#frontpagedisabled").css('display', 'block');
    $("#fptextholder").css('display', 'none');
    $("#fplogoholder").css('display', 'none');
    $("#frontLogo").css('display', 'none');
    
  }

}

function showlogo() {
$("#logoupload").css('visibility', 'visible');
$("#logoupload").css('height', 'auto');
}

function hidelogo() {
$("#logoupload").css('visibility', 'hidden');
$("#logoupload").css('height', '10px');
}

function getPriceTable2(){

var xmlhttp=false; //Clear our fetching variable
var content="";
        try {
                xmlhttp = new ActiveXObject('Msxml2.XMLHTTP'); //Try the first kind of active x object…
        } catch (e) {
                try {
                        xmlhttp = new
                        ActiveXObject('Microsoft.XMLHTTP'); //Try the second kind of active x object
            } catch (E) {
                xmlhttp = false;
                        }
        }

        if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
                xmlhttp = new XMLHttpRequest(); //If we were able to get a working active x object, start an XMLHttpRequest
        }
        var file = 'pricetable.php';

var lithoprint = " ";
var lithologoprint = " ";

if (document.getElementById("lithoprint")) {
	lithoprint = document.getElementById("lithoprint").selectedIndex;
}

if (document.getElementById("lithologoprint")) {
	lithologoprint = document.getElementById("lithologoprint").checked;
}

	var qty = document.getElementById("qty").value;
	var cardid = document.getElementById("cardid").value;
	var cardname = document.getElementById("cardname").value;
	var printsigs = document.getElementById("printsigs").checked;
	var redenvelope = document.getElementById("redenvelope").selectedIndex;

if (document.getElementById("digilogoprint")) {
	var digilogoprint = document.getElementById("digilogoprint").checked;
}
	var logorequired = document.getElementById("logorequired").selectedIndex;


if (document.getElementById("digilogoprint") != null) {
xmlhttp.open('GET', file + '?qty=' + qty + '&logorequired=' +  logorequired + '&digilogoprint=' + digilogoprint + '&lithologoprint=' + lithologoprint + '&lithoprint=' + lithoprint + '&cardid=' + cardid + '&cardname=' + cardname + '&printsigs=' + printsigs + '&redenvelope=' + redenvelope, true); 
} else {
xmlhttp.open('GET', file + '?qty=' + qty + '&logorequired=' +  logorequired + '&lithologoprint=' + lithologoprint + '&lithoprint=' + lithoprint + '&cardid=' + cardid + '&cardname=' + cardname + '&printsigs=' + printsigs + '&redenvelope=' + redenvelope, true); 
}
    xmlhttp.onreadystatechange=function() {
        if (xmlhttp.readyState==4) { //Check if it is ready to recieve data
                var content = xmlhttp.responseText; //The content data which has been retrieved ***
                if( content ){ //Make sure there is something in the content variable
                      document.getElementById('pricediv').innerHTML = content; //Change the inner content of your div to the newly retrieved content ****
                }
        }
        }
        xmlhttp.send(null) //Nullify the XMLHttpRequest
return;
}




function getProoferImage(){
var xmlhttp=false; //Clear our fetching variable
var content="";
        try {
                xmlhttp = new ActiveXObject('Msxml2.XMLHTTP'); //Try the first kind of active x object…
        } catch (e) {
                try {
                        xmlhttp = new
                        ActiveXObject('Microsoft.XMLHTTP'); //Try the second kind of active x object
            } catch (E) {
                xmlhttp = false;
                        }
        }
        if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
                xmlhttp = new XMLHttpRequest(); //If we were able to get a working active x object, start an XMLHttpRequest
        }
        var file = 'prooferimagepage.php';

	var l1 = document.getElementById("l1").value;
	var l2 = document.getElementById("l2").value;
	var l3 = document.getElementById("l3").value;
	var l4 = document.getElementById("l4").value;
	var l5 = document.getElementById("l5").value;
	var l6 = document.getElementById("l6").value;
	var IMF = document.getElementById("IMF").selectedIndex;
	var cardformat = document.getElementById("cardformat").value;
	var AF = document.getElementById("AF").selectedIndex;
	var al1 = document.getElementById("al1").value;
	var al2 = document.getElementById("al2").value;
	var al3 = document.getElementById("al3").value;
	var addressleft = document.getElementById("addressleft").checked;
	var addressright = document.getElementById("addressright").checked;
	var addresscenter = document.getElementById("addresscenter").checked;
	var logoleft = document.getElementById("logoleft").checked;
	var logoright = document.getElementById("logoright").checked;
	var logocenter = document.getElementById("logocenter").checked;





xmlhttp.open('GET', file + '?l1=' + l1 + '&l2=' + l2 + '&l3=' + l3 + '&l4=' + l4 + '&l5=' + l5 + '&l6=' + l6 + '&AF=' + AF + '&al1=' + al1 + '&al2=' + al2 + '&al3=' + al3 + '&IMF=' + IMF + '&cardformat=' + cardformat + '&addressleft=' + addressleft + '&addresscenter=' + addresscenter + '&addressright=' + addressright, true); //Open the file through GET, and add the page we want to retrieve as a GET variable **

    xmlhttp.onreadystatechange=function() {
        if (xmlhttp.readyState==4) { //Check if it is ready to recieve data
                var content = xmlhttp.responseText; //The content data which has been retrieved ***
                if( content ){ //Make sure there is something in the content variable
                      document.getElementById('prooferdiv').innerHTML = content; //Change the inner content of your div to the newly retrieved content ****
                }
        }
        }
        xmlhttp.send(null) //Nullify the XMLHttpRequest
return;
}