//###############    GENERIC FUNCTIONS    ##################

var ins ="";
function reloadBanner() {

			 			var src = 'banner.php?';

						for (i = 0; i < banner.elements.length; i++)

						{

							//alert(banner.elements[i]);

							//if(banner.elements[i].className!="banner_option")

							//{

								

								src = src + banner.elements[i].name + "=" + banner.elements[i].value + "&";

							//alert(src);

							//}

						}

						jQuery("#bannerpreview").attr("src", function(){return src;});}



function reloadBanner1() {

			 			var src = 'banner_tool.php?';

						for (i = 0; i < banner.elements.length; i++)

						{

							//alert(banner.elements[i].className)

							//if(banner.elements[i].className!="banner_option")

							//{

								//alert("d");

								src = src + banner.elements[i].name + "=" + banner.elements[i].value + "&";

							//}

						}

						src=src+"save=save";

						window.location=src;

						//document.banner.submit();

						//jQuery("#bannerpreview").attr("src", function(){return src;});

						}

						

function pageDimensions() {var x,y;if (self.innerHeight) {x = self.innerWidth;y = self.innerHeight;} else if (document.documentElement && document.documentElement.clientHeight) {x = document.documentElement.clientWidth;y = document.documentElement.clientHeight;} else if (document.body) {x = document.body.clientWidth;y = document.body.clientHeight;}return [x,y];}



function scrollOffset() {var x,y;if (self.pageYOffset) {x = self.pageXOffset;y = self.pageYOffset;} else if (document.documentElement && document.documentElement.scrollTop) {x = document.documentElement.scrollLeft;y = document.documentElement.scrollTop;} else if (document.body) {x = document.body.scrollLeft;y = document.body.scrollTop;}return [x, y]}



function updateTS() {var d = pageDimensions();var s = scrollOffset();jQuery("#swatches").css("top", function(){return s[1] + ((d[1] - jQuery("#swatches").height()) / 2) + "px";});jQuery("#swatches").css("left", function(){return s[0] + ((d[0] - jQuery("#swatches").width()) / 2) + "px";});}



function cookiesAllowed() {setCookie('checkCookie', 'test', 1); if (getCookie('checkCookie')) {deleteCookie('checkCookie');return true;}return false;} 



function setCookie(name,value,expires, options) {if (options===undefined) { options = {}; }if ( expires ) {var expires_date = new Date();expires_date.setDate(expires_date.getDate() + expires)}document.cookie = name+'='+escape( value ) + ( ( expires ) ? ';expires='+expires_date.toGMTString() : '' ) + ( ( options.path ) ? ';path=' + options.path : '' ) + ( ( options.domain ) ? ';domain=' + options.domain : '' ) + ( ( options.secure ) ? ';secure' : '' );}



function getCookie( name ) {var start = document.cookie.indexOf( name + "=" );var len = start + name.length + 1;if ( ( !start ) && ( name != document.cookie.substring( 0, name.length ) ) ) {return null;}if ( start == -1 ) return null;var end = document.cookie.indexOf( ';', len );if ( end == -1 ) end = document.cookie.length;return unescape( document.cookie.substring( len, end ) );}



function deleteCookie( name, path, domain ) { if ( getCookie( name ) ) document.cookie = name + '=' + ( ( path ) ? ';path=' + path : '') + ( ( domain ) ? ';domain=' + domain : '' ) + ';expires=Thu, 01-Jan-1970 00:00:01 GMT';}



// which line are we changing fonts for

var currentLine = 0;



function temp_change(id)

{

	jQuery("#bgimagecode").attr("value", id);

	jQuery("#template").attr("value", id);

	reloadBanner();

}



jQuery(document).ready(function(){

	

	var Receive = getXmlHttpRequestObject();

	/*if(document.getElementById('categoryId').value ==31) 

		checkbannertypeid(2);

	else if(document.getElementById('categoryId').value ==32)

		checkbannertypeid(6);

	else

		checkbannertypeid(1);*/

	jQuery("#delete").css("visibility", "hidden");	



//######  MISCELLANEOUS PICKERS AND CLICKERS  ######
	
jQuery("#size_w").change(function(){

		if(jQuery("#bgimagecode1").attr("value"))

		{

			var temp 	= new Array();

			temp 		= jQuery("#bgimagecode1").attr("value").split("_");

			var t 		= new Array();

			var str_w	= jQuery("#size_w").attr("value");
			var str_h	= jQuery("#size_h").attr("value");
			//t	 		= str.split("x");

			var q 		= Math.round(str_w/str_h);

			maxw 		= 728;

			maxh 		= 285;

			/*switch(q)

			{

				case 1:

						w	= maxh;

						h	= maxh;

						break;

				case 2:

						w	= maxh * 2;

						h	= maxh / 2;

						break;

				case 3:

						w	= maxw;

						h	= maxh;

						break;

				default:

						w	= maxw;

						h	= maxw / q;

						break;	

			}*/

			if(str_h >= str_w)

			  {		

			  		var q1 	= Math.round(str_h/str_w);

					w	= maxh /q1;

					h	= maxh;

			  }

			  else

			  {

					w	= maxw;

					h	= maxw /q;  //(jQueryarr[1]/jQueryarr[0])

			  }

			  

				window.open('crop.php?bgimagecode1=' + temp[1] + '&x=' + w + '&y=' + h + '&id=' + jQuery("#categoryId").attr("value") + '&bannersize=' + jQuery("#bannersize").attr("value") + '&osCsid=' + jQuery("#sessid").attr("value"),'mywindow','fullscreen=yes,scrollbars=yes');

			}



				
	

		jQuery("#banner_size_input").attr("value", jQuery("#bannersize").attr("value"));

		jQuery("#qty").change();

			reloadBanner();

	});
	
	jQuery("#size_h").change(function(){

		if(jQuery("#bgimagecode1").attr("value"))

		{

			var temp 	= new Array();

			temp 		= jQuery("#bgimagecode1").attr("value").split("_");

			var t 		= new Array();

			var str_w	= jQuery("#size_w").attr("value");
			var str_h	= jQuery("#size_h").attr("value");
			//t	 		= str.split("x");

			var q 		= Math.round(str_w/str_h);

			maxw 		= 728;

			maxh 		= 285;

			/*switch(q)

			{

				case 1:

						w	= maxh;

						h	= maxh;

						break;

				case 2:

						w	= maxh * 2;

						h	= maxh / 2;

						break;

				case 3:

						w	= maxw;

						h	= maxh;

						break;

				default:

						w	= maxw;

						h	= maxw / q;

						break;	

			}*/

			if(str_h >= str_w)

			  {		

			  		var q1 	= Math.round(str_h/str_w);

					w	= maxh /q1;

					h	= maxh;

			  }

			  else

			  {

					w	= maxw;

					h	= maxw /q;  //(jQueryarr[1]/jQueryarr[0])

			  }

			  

				window.open('crop.php?bgimagecode1=' + temp[1] + '&x=' + w + '&y=' + h + '&id=' + jQuery("#categoryId").attr("value") + '&bannersize=' + jQuery("#bannersize").attr("value") + '&osCsid=' + jQuery("#sessid").attr("value"),'mywindow','fullscreen=yes,scrollbars=yes');

			}

		jQuery("#banner_size_input").attr("value", jQuery("#bannersize").attr("value"));



		jQuery("#qty").change();

			reloadBanner();

	});

	function instant(val)

{

	ins = val;

	alert(ins);

}



	var cnt =0;

	

	jQuery("#add").click(function(){

		if(jQuery('#textbox').attr("value"))

		{

			if(document.banner.layer.options.length>1)

			{

				cnt = document.banner.layer.options[document.banner.layer.options.length-1].value;

				cnt++;

			}

			document.banner.layer.options[0] = new Option('add new layer','select');

			document.banner.layer.options[document.banner.layer.length] = new Option(document.getElementById('textbox').value,cnt); 

			//select1=document.getElementById('layer');

			//option1 = document.createElement("option");

			//option1.text=document.getElementById('textbox').value;

			//option1.value=cnt;

			//select1.add(option1);

			jQuery('#layer').attr("value",cnt).attr("selected", "selected");

			jQuery('#add').css("visibility", "hidden");

			jQuery('#delete').css("visibility", "visible");



			var ss = document.banner.layer.options;

			var arr = new Array();

			

			for(i=0;i<ss.length;i++)

			{

				arr[i]=ss[i].value;

			}

			

			newField1=document.createElement("input");

			newField1.setAttribute("type","hidden");

			newField1.setAttribute("id","angle_"+cnt);

			newField1.setAttribute("name","angle["+cnt+"]");

			newField1.setAttribute("value",0);

			newField1.setAttribute("class","banner_option");

			

			newField2=document.createElement("input");

			newField2.setAttribute("type","hidden");

			newField2.setAttribute("id","input_fontcolor_"+cnt);

			newField2.setAttribute("name","color["+cnt+"]");

			newField2.setAttribute("value","FFFFFF");

			newField2.setAttribute("class","banner_option");

			

			newField3=document.createElement("input");

			newField3.setAttribute("type","hidden");

			newField3.setAttribute("id","size_"+cnt);

			newField3.setAttribute("name","size["+cnt+"]");

			newField3.setAttribute("value",14);

			newField3.setAttribute("class","banner_option");

			

			newField4=document.createElement("input");

			newField4.setAttribute("type","hidden");

			newField4.setAttribute("id","text_"+cnt);

			newField4.setAttribute("name","text["+cnt+"]");

			newField4.setAttribute("value",jQuery('#textbox').attr("value"));

			newField4.setAttribute("class","banner_option");

			

			newField5=document.createElement("input");

			newField5.setAttribute("type","hidden");

			newField5.setAttribute("id","halign_"+cnt);

			newField5.setAttribute("name","offset["+cnt+"]");

			newField5.setAttribute("value",50);

			newField5.setAttribute("class","banner_option");

			

			newField6=document.createElement("input");

			newField6.setAttribute("type","hidden");

			newField6.setAttribute("id","valign_"+cnt);

			newField6.setAttribute("name","ypos["+cnt+"]");

			newField6.setAttribute("value",50);

			newField6.setAttribute("class","banner_option");

			

			newField7=document.createElement("input");

			newField7.setAttribute("type","hidden");

			newField7.setAttribute("id","font_"+cnt);

			newField7.setAttribute("name","font["+cnt+"]");

			newField7.setAttribute("value","arialbd");

			newField7.setAttribute("class","banner_option");

			

			document.getElementById('MainDiv').appendChild(newField1);

			document.getElementById('MainDiv').appendChild(newField2);

			document.getElementById('MainDiv').appendChild(newField3);

			document.getElementById('MainDiv').appendChild(newField4);

			document.getElementById('MainDiv').appendChild(newField5);

			document.getElementById('MainDiv').appendChild(newField6);

			document.getElementById('MainDiv').appendChild(newField7);

			jQuery('#selectbox').attr("value",arr);

			jQuery("#layer").change();

		}

	}); 

	jQuery("#delete").click(function(){

		

		var val = jQuery("#layer").attr("value");



		jQuery("#layer option:selected").remove();

		jQuery("#angle_"+val).remove();

		jQuery("#input_fontcolor_"+val).remove();

		jQuery("#size_"+val).remove();

		jQuery("#text_"+val).remove();

		jQuery("#halign_"+val).remove();

		jQuery("#valign_"+val).remove();

		jQuery("#font_"+val).remove();

		

		var ss = document.banner.layer.options;

		var arr1 = new Array();

		for(i=0;i<ss.length;i++)

		{

			arr1[i]=ss[i].value;

		}

		if(ss.length==1)

		{

			jQuery('#selectbox').attr("value",'');

			document.banner.layer.options[0] = new Option('add layer','select');

		}

		else

			jQuery('#selectbox').attr("value",arr1);

		jQuery('#layer').attr("value","select").attr("selected", "selected");

		jQuery("#layer").change();

				 

	});

	

	jQuery("#layer").change(function(){

			if(jQuery("#layer").attr("value")=="select")

			{

				jQuery("#add").css("visibility","visible");

				jQuery("#delete").css("visibility", "hidden");



				jQuery('#textbox').attr("value",'');

				changesizeslider(jQuery("#layer").attr("value"));

				changevslider(jQuery("#layer").attr("value"));

				changehslider(jQuery("#layer").attr("value"));

				jQuery('#'+jQuery('#angle_'+jQuery("#layer").attr("value")).attr("value")).attr("selected", "selected");

				jQuery('#'+jQuery('#font_'+jQuery("#layer").attr("value")).attr("value")).attr("selected", "selected");

			}

			else

			{

				jQuery("#add").css("visibility", "hidden");

				jQuery("#delete").css("visibility", "visible");

				

				jQuery('#fontcolor').css("background-color", "#" + jQuery("#input_fontcolor_" + jQuery("#layer").attr("value")).attr("value"));

				jQuery('#textbox').attr("value",'');

				jQuery('#textbox').attr("value", jQuery('#text_'+jQuery("#layer").attr("value")).attr("value"));

				changesizeslider(jQuery("#layer").attr("value"));

				changevslider(jQuery("#layer").attr("value"));

				changehslider(jQuery("#layer").attr("value"));

				jQuery('#'+jQuery('#angle_'+jQuery("#layer").attr("value")).attr("value")).attr("selected", "selected");

				jQuery('#'+jQuery('#font_'+jQuery("#layer").attr("value")).attr("value")).attr("selected", "selected");

			}



		reloadBanner();

	});

	jQuery("#template").change(function(){ ;

		jQuery("#bgimagecode").attr("value", jQuery("#template").attr("value"));

		reloadBanner();

	});

	

	jQuery("#textbox").blur(function(){

		if(!jQuery("#textbox").attr("value"))

		{

			jQuery('#text_'+jQuery("#layer").attr("value")).attr("value", '');

		}

		else

		{

			jQuery('#text_'+jQuery("#layer").attr("value")).attr("value", jQuery("#textbox").attr("value"));

			if(jQuery("#layer").attr("value")!="select")

				jQuery("#layer option:selected").text(jQuery('#textbox').attr("value"));

		}

		reloadBanner();

	});

	jQuery("#rotation").change(function(){

		jQuery('#angle_'+jQuery("#layer").attr("value")).attr("value", jQuery("#rotation").attr("value"));

		reloadBanner();

	});

	jQuery("#allfont").change(function(){

		jQuery('#font_'+jQuery("#layer").attr("value")).attr("value", jQuery("#allfont").attr("value"));

		reloadBanner();

	});

	if (!cookiesAllowed()) { alert("Your browser is not accepting cookies from this website. This is either because you have them disabled or are using software like Norton or McAfee security suites or ad blocking software. These types of software believe we're spam because we have the name 'banner' in our name! If you want the full functionality of the website, please enable cookies or disable this type of software while you are on our site. Thanks and sorry for the annoying notice!");}





	jQuery("#cmCloseButton").click(function(){

		jQuery("#ColourMod").hide();

		reloadBanner();

		return false;

	});





// Initialize Sliders

	jQuery('.slider').Slider({accept : '.indicator',

		onChange : function(cordx,cordy){



			

				if (jQuery(this).attr("id") == 'sizeind') {

					if(jQuery("#layer").attr("value"))

					{

						jQuery("#size_" +jQuery("#layer").attr("value")).attr("value", Math.round(6 + (66/100) * cordx));

					}

				}  else if (jQuery(this).attr("id") == "halignind") {

					if(jQuery("#layer").attr("value"))

					{

						cordx = cordx; + .49;

						jQuery("#halign_" +jQuery("#layer").attr("value") ).attr("value", Math.round(cordx));

					}

				} else if (jQuery(this).attr("id") == "valignind") {

					if(jQuery("#layer").attr("value"))

					{

						cordx = cordx + .49;

						jQuery("#valign_" + jQuery("#layer").attr("value")).attr("value", Math.round(cordx));

					}

				}

			



			reloadBanner();

		},onSlide: function(cordx, cordy){



			for(var i=0; i<4; i++) {

				if (jQuery(this).attr("id") == 'sizeind') {

					if( i ==jQuery("#layer").attr("value"))

					{

						jQuery("#fontsizedisplay_" + i).html(Math.round(6 + (66/100) * cordx));

					}

				}

			}

		}

	});

	changesizeslider(0);

	changevslider(0);

	changehslider(0);

	

	function changevslider(k)

	{

		var str = (jQuery("#valignslider").SliderGetValues()).toString();	

	 	var parms = str.split(",");

		var val=parseInt(parms[2]);

		val = val * (-1);

		jQuery("#valignslider").SliderSetValues([[val,0]]);

		jQuery("#valignslider").SliderSetValues([[((150/100) * jQuery("#valign_"+k).attr("value")),0]]);	

	}

	function changehslider(k)

	{

		var str = (jQuery("#halignslider").SliderGetValues()).toString();	

	 	var parms = str.split(",");

		var val=parseInt(parms[2]);

		val = val * (-1);

		jQuery("#halignslider").SliderSetValues([[val,0]]);

		jQuery("#halignslider").SliderSetValues([[((150/100) * jQuery("#halign_"+k).attr("value")),0]]);	

	}

	function changesizeslider(k)

	{

		var str = (jQuery("#sizeslider").SliderGetValues()).toString();	

	 	var parms = str.split(",");

		var val=parseInt(parms[2]);

		val = val * (-1);

		jQuery("#sizeslider").SliderSetValues([[val,0]]);

		jQuery("#sizeslider").SliderSetValues([[((150/100) * jQuery("#size_"+k).attr("value")),0]]);	

	}

	jQuery(".options").hide();





// Show ColourMod

	jQuery(".color_picker").click(function(){

		if(jQuery(this).attr("id")=='fontcolor')

			mypickcolor("#input_fontcolor_" + jQuery("#layer").attr("value"), "#" + jQuery(this).attr("id"), this);

		else

			mypickcolor("#input_" + jQuery(this).attr("id"), "#" + jQuery(this).attr("id"), this);

	});





// Pageload Settings





	jQuery(".color_picker").each(function(){

			jQuery(this).css("background-color", function(){

			if(jQuery(this).attr("id")=='fontcolor')

				return "#FFFFFF";

			else

				return "#" + jQuery("#input_" + jQuery(this).attr("id")).attr("value");

		});

			});



	jQuery("#bgimage").change(function(){

		if (/.+\.(jpg|jpeg|png|gif)$/i.test(jQuery(this).val())) {

			jQuery("#subby").removeAttr('disabled');

		} else {

			if (/.+\.bmp$/.test(jQuery(this).val())) {

				alert ('Bitmap (BMP) files are not compatible. Please convert your file to PNG, GIF, or JPG. NOTE: Changing the extension does not convert the file type.');

			} else {

				alert('The type of the file you selected is not supported. Please convert it to PNG, GIF, or JPG. NOTE: Changing the extension does not convert the file type.');

			}

			jQuery(this).val('');

			jQuery("#subby").attr('disabled', 'disabled');

		}

	});



	//var bgimagecode = document.getElementById('bgimagecode').value;

		reloadBanner();

jQuery("#bannertype").change(function(){

		if(jQuery("#bannertype").attr("value")==2)

			jQuery("#bann").css("visibility", 'hidden');

		else

			jQuery("#bann").css("visibility", 'visible');

			

		jQuery("#template").attr("value", 0);

		jQuery("#bgimagecode").attr("value", 0);

		jQuery("#banner_size_input").attr("value", '2x2');

		//checkbannertypeid(jQuery("#bannertype").attr("value"));

		setTimeout("jQuery('#qty').change()", 500);

		

		reloadBanner();

	});

	

	//jQuery("#submitt").click(function(){

	//			reloadBanner1();

		//document.banner.submit();

	//});

	

	jQuery("#qty").change(function(){

		var val = document.getElementById('price').value;

		var dolar = parseFloat(val);

		//Pranav Coded for side checkbox checked
		var total_value;
		if(document.getElementById('side').checked)
		{
			//jQuery("#total").attr("value",dolar*parseFloat(jQuery("#qty").attr("value"))*1.75);
			total_value = dolar*parseFloat(jQuery("#qty").attr("value"))*1.75;
			roundNumbertc(total_value,2);
		}else{
			//jQuery("#total").attr("value",dolar*parseFloat(jQuery("#qty").attr("value")));
			total_value = dolar*parseFloat(jQuery("#qty").attr("value"));
			roundNumbertc(total_value,2);
		}			
	});
	//Pranav Coded for side checkbox click change
	jQuery("#side").click(function(){
		var val = document.getElementById('price').value;

		var dolar = parseFloat(val);

		var total_value;
		if(document.getElementById('side').checked)
		{
			//jQuery("#total").attr("value",dolar*parseFloat(jQuery("#qty").attr("value"))*1.75);
			total_value = dolar*parseFloat(jQuery("#qty").attr("value"))*1.75;
			roundNumbertc(total_value,2);
		}else{
			//jQuery("#total").attr("value",dolar*parseFloat(jQuery("#qty").attr("value")));
			total_value = dolar*parseFloat(jQuery("#qty").attr("value"));
			roundNumbertc(total_value,2);
		}					  
							  });
//Pranav Coded for roundoff total
function roundNumbertc(number,decimals) {
	var newString;// The new rounded number
	decimals = Number(decimals);
	if (decimals < 1) {
		newString = (Math.round(number)).toString();
	} else {
		var numString = number.toString();
		if (numString.lastIndexOf(".") == -1) {// If there is no decimal point
			numString += ".";// give it one at the end
		}
		var cutoff = numString.lastIndexOf(".") + decimals;// The point at which to truncate the number
		var d1 = Number(numString.substring(cutoff,cutoff+1));// The value of the last decimal place that we'll end up with
		var d2 = Number(numString.substring(cutoff+1,cutoff+2));// The next decimal, after the last one we want
		if (d2 >= 5) {// Do we need to round up at all? If not, the string will just be truncated
			if (d1 == 9 && cutoff > 0) {// If the last digit is 9, find a new cutoff point
				while (cutoff > 0 && (d1 == 9 || isNaN(d1))) {
					if (d1 != ".") {
						cutoff -= 1;
						d1 = Number(numString.substring(cutoff,cutoff+1));
					} else {
						cutoff -= 1;
					}
				}
			}
			d1 += 1;
		} 
		if (d1 == 10) {
			numString = numString.substring(0, numString.lastIndexOf("."));
			var roundedNum = Number(numString) + 1;
			newString = roundedNum.toString() + '.';
		} else {
			newString = numString.substring(0,cutoff) + d1.toString();
		}
	}
	if (newString.lastIndexOf(".") == -1) {// Do this again, to the new string
		newString += ".";
	}
	var decs = (newString.substring(newString.lastIndexOf(".")+1)).length;
	for(var i=0;i<decimals-decs;i++) newString += "0";
	//var newNumber = Number(newString);// make it a number if you like
	if(newString != 0.00)
	{
		document.getElementById("total").value = newString;
	}
	else
	{
		document.getElementById("total").value = 0;
	} // Output the result to the form field (change for your purposes)
	
}

	function getXmlHttpRequestObject() 

	{

	if (window.XMLHttpRequest) 

	{

		 return new XMLHttpRequest(); //Not IE

	} else if(window.ActiveXObject) 

		{

			return new ActiveXObject("Microsoft.XMLHTTP"); //IE

		} else 

		{

			alert("Your browser doesn't support the XmlHttpRequest object.  Better upgrade to Firefox.");

		}

	}			

	function checkbannertypeid(typeid)

	{	

		if (Receive.readyState == 4 || Receive.readyState == 0) 

		{

			Receive.open("GET","bannertype.php?Id="+typeid, true);

			Receive.onreadystatechange = handleReceivebannertype; 

			//Receive.send(null); //commented by nisha to change in banner tool

		}

		return false;

	}

	function handleReceivebannertype() 

	{

		if (Receive.readyState == 4) 

		{

			temp = Receive.responseText;

			document.getElementById('bannersize').length = 0;

			arr = new Array();

			arrval = new Array();

			rs = new Array();

			arr = temp.split(",");

			

			for(i=0;i<arr.length;i++)

			{

				arrval = arr[i].split("=");

				var Opt = document.createElement("option");

		   		

				Opt.text=arrval[1];

		   		Opt.value=arrval[0];

				rs = arrval[1].split(" - ");

				Opt.title=rs[1]; 

		   		document.getElementById('bannersize').options.add(Opt);

				

				(document.getElementById('banner_size_input').value !='2x6')? val =document.getElementById('banner_size_input').value : val = "2x6";

				if(arrval[0]==val)

					jQuery('#bannersize').attr("value",arrval[0]).attr("selected", "selected");

				

			}

		}

	}

});