var textAd = function(id) {
	$('#adPreview').html('<div id=\"textAd\" style=\"background-image: url(https://pocketcents.com/lab1/images/loadingSpace.png);\""></text>');
            $('#textAd').css('margin', '0 0 0 0');
            $('#textAd').css('backgroundColor', '#fff');
            $('#textAd').css('cursor', 'pointer');
            $('#textAd').css('width', '150px');
            $('#textAd').css('height', '80px');
            $('#textAd').css('float', 'left');
            $('#textAd').css('overflow', 'hidden');
                $('#textAd').append('<div id=\"adNameText\" style=\"\">' + $('#adName').val() + '</div>');
                $('#textAd').append('<div id=\"adDescriptionText\" style=\"\">' + $('#adDescription').val() + '</div>');
                $('#textAd').append('<div id=\"adLinkText\" style=\"\">' + $('#adLink').val() + '</div>');
                $('#adNameText').css('overflow', 'hidden');
                $('#adNameText').css('font-size', '11px');
                $('#adNameText').css('font-weight', 'bold');
                $('#adNameText').css('padding', '2px 1px 2px 2px');
                $('#adNameText').css('color', '#000');
                $('#adDescriptionText').css('overflow', 'hidden');
                $('#adDescriptionText').css('font-size', '10px');
                $('#adDescriptionText').css('padding', '0px 0px 2px 2px');
                $('#adDescriptionText').css('color', '#000');
                $('#adLinkText').css('overflow', 'hidden');
                $('#adLinkText').css('font-size', '10px');
                $('#adLinkText').css('font-weight', 'bold');
                $('#adLinkText').css('padding', '1px 0px 2px 2px');
                $('#adLinkText').css('color', 'blue');
                
}

var imageAd = function(id) {
			$('#adPreview').html('<div id=\"imageAd\" style=\"\">');
            $('#imageAd').css('margin', '0');
			$('#imageAd').css('cursor', 'pointer');
			$('#imageAd').css('background-color', '#FFF');
			$('#imageAd').css('width', '150px');
			$('#imageAd').css('height', '80px');
			$('#imageAd').css('float', 'left');
			if(id != 0) { 
				$('#imageAd').append('<img src=\"http://pocketcents.com/ad1/image.php?id=' + id + '\" width=\"150\" height=\"80\" />');
			} else {
				$('#imageAd').append('');
			}
}

var hybridAd = function(id) {
	$('#adPreview').html('<div id=\"hybridAd\"></div>');
		$('#hybridAd').css('margin', '0');
		$('#hybridAd').css('background-color', '#FFF');
		$('#hybridAd').css('cursor', 'pointer');
		$('#hybridAd').css('width', '150px');
		$('#hybridAd').css('height', '80px');
		$('#hybridAd').css('float', 'left');
		$('#hybridAd').css('overflow', 'hidden');
			if(id != 0) {
				$('#hybridAd').append('<div id=\"image\" style=\"\"><img src=\"https://pocketcents.com/ad1/image.php?id=' + id + '\" width=\"50\" height=\"80\" /></div>');
			} else {
				$('#hybridAd').append('<div id=\"image\" style=\"\"></div>');
			}
			$('#image').css('width', '50px');
			$('#image').css('height', '80px');
			$('#image').css('float', 'left');
			$('#hybridAd').append('<div id=\"text\"></div>');
				$('#text').append('<div id=\"adNameText\" style=\"\">' + $('#adName').val() + '</div>');
					$('#adNameText').css('overflow', 'hidden');
					$('#adNameText').css('font-size', '11px');
					$('#adNameText').css('font-weight', 'bold');
					$('#adNameText').css('padding', '0px 0px 2px 2px');
					$('#adNameText').css('color', '#000');
				$('#text').append('<div id=\"adDescriptionText\" style=\"\">' + $('#adDescription').val() + '</div>');
					$('#adDescriptionText').css('overflow', 'hidden');
					$('#adDescriptionText').css('font-size', '10px');
					$('#adDescriptionText').css('padding', '0px 0px 2px 2px');
					$('#adDescriptionText').css('color', '#000');
				$('#text').append('<div id=\"adLinkText\" style=\"\">' + $('#adLink').val() + '</div></div>');
					$('#adLinkText').css('overflow', 'hidden');
					$('#adLinkText').css('font-size', '11px');
					$('#adLinkText').css('padding', '0px 0px 2px 2px');
					$('#adLinkText').css('color', 'blue');
} 
var adName; var adDescription; var adLink;
var onKeyUp = function(i, type) {
	if(type == 'adName') {
		$('#adNameText').html(i);
	} else if(type == 'adDescription') {
		$('#adDescriptionText').html(i);
	} else if(type == 'adLink') {
		$('#adLinkText').html(i);
	}
}
var changed = false;
var showAdPreview = function(id, w, h) {
	$('.adPreview').slideUp('slow', function() {
		if(w == 150 && h == 80) {
			imageAd(id);
		} else if (w == 50) {
			hybridAd(id);
		} else {
			textAd(id);
		}
	});
	$('.adPreview').slideDown('slow');
	$('.imageInput').html("<input type=\"hidden\" name=\"imageID\" value=\"" + id + "\" />");
	changed = true;
}

// Function to show coupon preview
var showCouponPreview = function(id) {
	$('.couponPreview').slideUp('slow', function() {
		$('#couponPreview').html('<img src="https://pocketcents.com/ad1/image.php?id='+id+'" width="250" />');
		$('.couponPreview').slideDown('slow');
	});
	$('.couponImageID').html("<input type=\"hidden\" name=\"couponImageID\" value=\"" + id + "\" />");
	changed = true;
}

// Vars and Function to show appropriate ad type
var c = '';
var a = function (b) {
            if (b == 'textAd') {
                showAdPreview(0, 0, 0);
            }
            if (b == 'hybridAd') {
                showAdPreview(0, 50, 80);
            }
            if (b == 'imageAd') {
                showAdPreview(0, 150, 80)
            }
        if (c != '' && c != 'textAd') {
            $('.' + c).slideUp('slow', function () {
                $('.' + b).slideDown('slow');
            });
        } else {
            $('.' + b).slideDown('slow');
        }
        c = b;
    }
    
// Vars and Function to show appropriate ad action
var e = 'hyperLink';
var d = function (f) {
        if (e != '') {
            $('.' + e).slideUp('slow', function () {
                $('.' + f).slideDown('slow');
            });
        } else {
            $('.' + f).slideDown('slow');
        }
        e = f;
    }
    
// Prep iframes in jquery for ad builder
$(document).ready(function () {
    $(".imageUploader").fancybox({
        'width': '0px',
        'height': '0px',
        'autoScale': false,
        'centerOnScroll': true,
        'hideOnOverlayClick': false,
        'transitionIn': 'fade',
        'transitionOut': 'fade',
        'scrolling': 'no',
        'type': 'iframe',
        onClosed: function () {
            $('#fancybox-wrap').css('width', '0');
            $('#fancybox-content').css('width', '0');
            $('#fancybox-content').css('height', '0');
        }
    });
    $(".couponUploader").fancybox({
        'width': '0px',
        'height': '0px',
        'autoScale': false,
        'centerOnScroll': true,
        'hideOnOverlayClick': false,
        'transitionIn': 'fade',
        'transitionOut': 'fade',
        'scrolling': 'no',
        'type': 'iframe',
        onClosed: function () {
            $('#fancybox-wrap').css('width', '0');
            $('#fancybox-content').css('width', '0');
            $('#fancybox-content').css('height', '0');
        }
    });
});

// Function to append coupon to ad builder
var appendCoupon = function(li, data) {
	$('.' + li).html('<input type="hidden" name="'+li+'" value="' + data +'" />');
}

// Function to change size of fancy box frame
var change = function (w, h) {
        $('#fancybox-wrap').css('width', w);
        $('#fancybox-wrap').css('height', h);
        $('#fancybox-content').css('width', w);
        $('#fancybox-content').css('height', h);
        $("#fancybox-frame").resize();
    }

// Function to show appropriate location information on ad builder   
var setScope = function(s) {
	if(s == '0') {
		$('.zipli').slideUp('slow', function() {
			$('.radiusli').slideUp('slow', function() {
				$('.mapPreview').slideUp('slow');
			});
		});
	} else if(s == '1') {
		$('.radiusli').slideUp('slow', function() {
			$('.zipli').slideUp('slow', function() {
				$('.mapPreview').slideUp('slow', function() {
					$('.zipli').html("<label>Select Your Advertisement Country</label><span><select name=\"zip\">"
+ "<option>UNITED STATES</option>"
+ "<option>CANADA</option>"
+ "<option>ALBANIA</option>"
+ "<option>ALGERIA</option>"
+ "<option>AMERICAN SAMOA</option>"
+ "<option>ANDORRA</option>"
+ "<option>ANGOLA</option>"
+ "<option>ANGUILLA</option>"
+ "<option>ANTARCTICA</option>"
+ "<option>ANTIGUA AND BARBUDA</option>"
+ "<option>ARGENTINA</option>"
+ "<option>ARIPO</option>"
+ "<option>ARMENIA</option>"
+ "<option>ARUBA</option>"
+ "<option>ASCENSION ISLAND</option>"
+ "<option>AUSTRALIA</option>"
+ "<option>AUSTRIA</option>"
+ "<option>AZERBAIJAN</option>"
+ "<option>BAHAMAS</option>"
+ "<option>BAHRAIN</option>"
+ "<option>BANGLADESH</option>"
+ "<option>BARBADOS</option>"
+ "<option>BELARUS</option>"
+ "<option>BELGIUM</option>"
+ "<option>BELIZE</option>"
+ "<option>BENIN</option>"
+ "<option>BERMUDA</option>"
+ "<option>BHUTAN</option>"
+ "<option>BOLIVIA</option>"
+ "<option>BOSNIA AND HERZEGOVINA</option>"
+ "<option>BOTSWANA</option>"
+ "<option>BOUVET ISLAND</option>"
+ "<option>BRAZIL</option>"
+ "<option>BRITISH INDIAN OCEAN TERRITORY</option>"
+ "<option>BRUNEI DARUSSALAM</option>"
+ "<option>BULGARIA</option>"
+ "<option>BURKINA FASO</option>"
+ "<option>BURUNDI</option>"
+ "<option>CAMBODIA</option>"
+ "<option>CAMEROON</option>"
+ "<option>CANADA</option>"
+ "<option>CAPE VERDE</option>"
+ "<option>CAYMAN ISLANDS</option>"
+ "<option>CENTRAL AFRICAN REPUBLIC</option>"
+ "<option>CHAD</option>"
+ "<option>CHILE</option>"
+ "<option>CHINA</option>"
+ "<option>CHRISTMAS ISLAND</option>"
+ "<option>COCOS (KEELING) ISLANDS</option>"
+ "<option>COLOMBIA</option>"
+ "<option>COMOROS</option>"
+ "<option>CONGO</option>"
+ "<option>CONGO, THE DEMOCRATIC REPUBLIC OF THE</option>"
+ "<option>COOK ISLANDS</option>"
+ "<option>COSTA RICA</option>"
+ "<option>COTE D'IVOIRE</option>"
+ "<option>CROATIA</option>"
+ "<option>CUBA</option>"
+ "<option>CYPRUS</option>"
+ "<option>CZECH REPUBLIC</option>"
+ "<option>DENMARK</option>"
+ "<option>DJIBOUTI</option>"
+ "<option>DOMINICA</option>"
+ "<option>DOMINICAN REPUBLIC</option>"
+ "<option>EAST TIMOR</option>"
+ "<option>ECUADOR</option>"
+ "<option>EGYPT</option>"
+ "<option>EL SALVADOR</option>"
+ "<option>EQUATORIAL GUINEA</option>"
+ "<option>ERITREA</option>"
+ "<option>ESTONIA</option>"
+ "<option>ETHIOPIA</option>"
+ "<option>EUROPEAN UNION</option>"
+ "<option>FALKLAND ISLANDS</option>"
+ "<option>FAROE ISLANDS</option>"
+ "<option>FIJI</option>"
+ "<option>FINLAND</option>"
+ "<option>FRANCE</option>"
+ "<option>FRENCH GUIANA</option>"
+ "<option>FRENCH POLYNESIA</option>"
+ "<option>FRENCH SOUTHERN TERRITORIES</option>"
+ "<option>GABON</option>"
+ "<option>GAMBIA</option>"
+ "<option>GEORGIA</option>"
+ "<option>GERMANY</option>"
+ "<option>GHANA</option>"
+ "<option>GIBRALTAR</option>"
+ "<option>GREECE</option>"
+ "<option>GREENLAND</option>"
+ "<option>GRENADA</option>"
+ "<option>GUADELOUPE</option>"
+ "<option>GUAM</option>"
+ "<option>GUATEMALA</option>"
+ "<option>GUERNSEY</option>"
+ "<option>GUINEA</option>"
+ "<option>GUINEA-BISSAU</option>"
+ "<option>GUYANA</option>"
+ "<option>HAITI</option>"
+ "<option>HEARD ISLAND AND MCDONALD ISLANDS</option>"
+ "<option>HOLY SEE (VATICAN CITY STATE)</option>"
+ "<option>HONDURAS</option>"
+ "<option>HONG KONG</option>"
+ "<option>HUNGARY</option>"
+ "<option>ICELAND</option>"
+ "<option>INDIA</option>"
+ "<option>INDONESIA</option>"
+ "<option>IRAN, ISLAMIC REPUBLIC OF</option>"
+ "<option>IRAQ</option>"
+ "<option>IRELAND</option>"
+ "<option>ISLE OF MAN</option>"
+ "<option>ISRAEL</option>"
+ "<option>ITALY</option>"
+ "<option>JAMAICA</option>"
+ "<option>JAPAN</option>"
+ "<option>JERSEY</option>"
+ "<option>JORDAN</option>"
+ "<option>KAZAKHSTAN</option>"
+ "<option>KENYA</option>"
+ "<option>KIRIBATI</option>"
+ "<option>KOREA, DEMOCRATIC PEOPLE'S REPUBLIC OF</option>"
+ "<option>KOREA, REPUBLIC OF</option>"
+ "<option>KUWAIT</option>"
+ "<option>KYRGYZSTAN</option>"
+ "<option>LAO PEOPLE'S DEMOCRATIC REPUBLIC</option>"
+ "<option>LATVIA</option>"
+ "<option>LEBANON</option>"
+ "<option>LESOTHO</option>"
+ "<option>LIBERIA</option>"
+ "<option>LIBYAN ARAB JAMAHIRIYA</option>"
+ "<option>LIECHTENSTEIN</option>"
+ "<option>LITHUANIA</option>"
+ "<option>LUXEMBOURG</option>"
+ "<option>MACAO</option>"
+ "<option>MACEDONIA, THE FORMER YUGOSLAV REPUBLIC OF</option>"
+ "<option>MADAGASCAR</option>"
+ "<option>MALAWI</option>"
+ "<option>MALAYSIA</option>"
+ "<option>MALDIVES</option>"
+ "<option>MALI</option>"
+ "<option>MALTA</option>"
+ "<option>MARSHALL ISLANDS</option>"
+ "<option>MARTINIQUE</option>"
+ "<option>MAURITANIA</option>"
+ "<option>MAURITIUS</option>"
+ "<option>MAYOTTE</option>"
+ "<option>MEXICO</option>"
+ "<option>MICRONESIA, FEDERATED STATES OF</option>"
+ "<option>MOLDOVA, REPUBLIC OF</option>"
+ "<option>MONACO</option>"
+ "<option>MONGOLIA</option>"
+ "<option>MONTSERRAT</option>"
+ "<option>MOROCCO</option>"
+ "<option>MOZAMBIQUE</option>"
+ "<option>MYANMAR</option>"
+ "<option>NAMIBIA</option>"
+ "<option>NAURU</option>"
+ "<option>NEPAL</option>"
+ "<option>NETHERLANDS</option>"
+ "<option>NETHERLANDS ANTILLES</option>"
+ "<option>NEW CALEDONIA</option>"
+ "<option>NEW ZEALAND</option>"
+ "<option>NICARAGUA</option>"
+ "<option>NIGER</option>"
+ "<option>NIGERIA</option>"
+ "<option>NIUE</option>"
+ "<option>NORFOLK ISLAND</option>"
+ "<option>NORTHERN MARIANA ISLANDS</option>"
+ "<option>NORWAY</option>"
+ "<option>OMAN</option>"
+ "<option>PAKISTAN</option>"
+ "<option>PALAU</option>"
+ "<option>PALESTINIAN TERRITORY, OCCUPIED</option>"
+ "<option>PANAMA</option>"
+ "<option>PAPUA NEW GUINEA</option>"
+ "<option>PARAGUAY</option>"
+ "<option>PERU</option>"
+ "<option>PHILIPPINES</option>"
+ "<option>PITCAIRN</option>"
+ "<option>POLAND</option>"
+ "<option>PORTUGAL</option>"
+ "<option>PUERTO RICO</option>"
+ "<option>QATAR</option>"
+ "<option>REUNION</option>"
+ "<option>ROMANIA</option>"
+ "<option>RUSSIAN FEDERATION</option>"
+ "<option>RWANDA</option>"
+ "<option>SAINT HELENA</option>"
+ "<option>SAINT KITTS AND NEVIS</option>"
+ "<option>SAINT LUCIA</option>"
+ "<option>SAINT PIERRE AND MIQUELON</option>"
+ "<option>SAINT VINCENT AND THE GRENADINES</option>"
+ "<option>SAMOA</option>"
+ "<option>SAN MARINO</option>"
+ "<option>SAO TOME AND PRINCIPE</option>"
+ "<option>SAUDI ARABIA</option>"
+ "<option>SENEGAL</option>"
+ "<option>SERBIA AND MONTENEGRO</option>"
+ "<option>SEYCHELLES</option>"
+ "<option>SIERRA LEONE</option>"
+ "<option>SINGAPORE</option>"
+ "<option>SLOVAKIA</option>"
+ "<option>SLOVENIA</option>"
+ "<option>SOLOMON ISLANDS</option>"
+ "<option>SOMALIA</option>"
+ "<option>SOUTH AFRICA</option>"
+ "<option>SOUTH GEORGIA AND THE SOUTH SANDWICH ISLANDS</option>"
+ "<option>SPAIN</option>"
+ "<option>SRI LANKA</option>"
+ "<option>SUDAN</option>"
+ "<option>SURINAME</option>"
+ "<option>SVALBARD AND JAN MAYEN</option>"
+ "<option>SWAZILAND</option>"
+ "<option>SWEDEN</option>"
+ "<option>SWITZERLAND</option>"
+ "<option>SYRIAN ARAB REPUBLIC</option>"
+ "<option>TAIWAN</option>"
+ "<option>TAJIKISTAN</option>"
+ "<option>TANZANIA, UNITED REPUBLIC OF</option>"
+ "<option>THAILAND</option>"
+ "<option>TIMOR-LESTE</option>"
+ "<option>TOGO</option>"
+ "<option>TOKELAU</option>"
+ "<option>TONGA</option>"
+ "<option>TRINIDAD AND TOBAGO</option>"
+ "<option>TUNISIA</option>"
+ "<option>TURKEY</option>"
+ "<option>TURKMENISTAN</option>"
+ "<option>TURKS AND CAICOS ISLANDS</option>"
+ "<option>TUVALU</option>"
+ "<option>UGANDA</option>"
+ "<option>UKRAINE</option>"
+ "<option>UNITED ARAB EMIRATES</option>"
+ "<option>UNITED KINGDOM</option>"
+ "<option>UNITED KINGDOM</option>"
+ "<option>UNITED STATES MINOR OUTLYING ISLANDS</option>"
+ "<option>UNROUTABLE ADDRESS</option>"
+ "<option>URUGUAY</option>"
+ "<option>UZBEKISTAN</option>"
+ "<option>VANUATU</option>"
+ "<option>VENEZUELA</option>"
+ "<option>VIET NAM</option>"
+ "<option>VIRGIN ISLANDS, BRITISH</option>"
+ "<option>VIRGIN ISLANDS, U.S.</option>"
+ "<option>WALLIS AND FUTUNA</option>"
+ "<option>WESTERN SAHARA</option>"
+ "<option>YEMEN</option>"
+ "<option>YUGOSLAVIA</option>"
+ "<option>ZAMBIA</option>"
+ "<option>ZIMBABWE</option></select></span>");
		$('.zipli').slideDown('slow');
				});
			});
		});
	} else {
		$('.zipli').slideUp('slow', function() {
			$('.zipli').html("<label for=\"\">Target Area - Zip / Postal Code, City, State, or Country</label>" +
					"<span><input id=\"zip\" type=\"text\" name=\"zip\" value=\"\" onKeyUp=\"getMap()\" /></span>");
			$('.zipli').slideDown('slow', function() {
				$('.radiusli').slideDown('slow', function() {
					$('.mapPreview').slideDown('slow');
				});
			});
		});
	}
}

// Vars and Function to get width and height of users viewport    
var viewportwidth;
var viewportheight;
if (typeof window.innerWidth != 'undefined') {
    viewportwidth = window.innerWidth, viewportheight = window.innerHeight
} else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0) {
    viewportwidth = document.documentElement.clientWidth, viewportheight = document.documentElement.clientHeight
} else {
    viewportwidth = document.getElementsByTagName('body')[0].clientWidth, viewportheight = document.getElementsByTagName('body')[0].clientHeight
}

// Vars and Function to display map on ad builder
var timer;
var done_typing = false;
function getMap() {
	clearTimeout(timer);
	if(done_typing){
		var location = document.getElementById('zip').value;
		var radius = document.getElementById('radius').value;
		var geocoder = new GClientGeocoder();
		switch (radius) {
		case '10':            
			document.getElementById('mapPreview').style.backgroundImage="url('https://pocketcents.com/getMap.php?location="+location+"&zoom=9')";
			document.getElementById('mapOverlay').src="/include/maps/10mileZ6s.png";  
			break;
		case '15':
			document.getElementById('mapPreview').style.backgroundImage="url('https://pocketcents.com/getMap.php?location="+location+"&zoom=9')";
			document.getElementById('mapOverlay').src="/include/maps/15mileZ6s.png";
			break;
		case '25':
			document.getElementById('mapPreview').style.backgroundImage="url('https://pocketcents.com/getMap.php?location="+location+"&zoom=8')";
			document.getElementById('mapOverlay').src="/include/maps/25mileZ5s.png";
			break;
		case '30':
			document.getElementById('mapPreview').style.backgroundImage="url('https://pocketcents.com/getMap.php?location="+location+"&zoom=8')";
			document.getElementById('mapOverlay').src="/include/maps/30mileZ5s.png";
			break;
		case '50':
			document.getElementById('mapPreview').style.backgroundImage="url('https://pocketcents.com/getMap.php?location="+location+"&zoom=7')";
			document.getElementById('mapOverlay').src="/include/maps/50mileZ4s.png";
			break;
		case '75':
			document.getElementById('mapPreview').style.backgroundImage="url('https://pocketcents.com/getMap.php?location="+location+"&zoom=7')";
			document.getElementById('mapOverlay').src="/include/maps/75mileZ4s.png";
			break;
		default:
			document.getElementById('mapPreview').style.backgroundImage="url('https://pocketcents.com/getMap.php?location="+location+"&zoom=3')";
			document.getElementById('mapOverlay').src="/include/maps/none.png";
		}
		geocoder.getLatLng(location, function(point) {
			if(point) {
				document.getElementById('latitude').value=point.lat();
				document.getElementById('longitude').value=point.lng();
			}
		} );
		done_typing = false;
	} else {
		timer = setTimeout("done_typing = true; getMap();", 1000);
	}
}