/** 
 * @file
 * @author  Mark Elo 
 * @version 1.0
 *
 * @section LICENSE 
 *
 * This program is the property of Webistree.
 *
 * @section DESCRIPTION
 *
 *  functions contains webistree specific binding java scripts for utilizing jQuery.
 */

$(function(){

	// Tabs
	$('#tabs').tabs();

	$( "input:submit, a, button", ".edit" ).button();
	$( "a", ".edit" ).click(function() { return false; });
	
	// Dialog			
	$('#myGoogleTools').dialog({
		autoOpen: false,
		width: 750,
		buttons: {
			"Ok": function() {  
				$('#working').dialog('open');
				var googleTrackingCode    = $('#googleTrackingCode').attr('value'); 
				googleTrackingCode = googleTrackingCode.replace("+", "___PLUSPLUS_CHAR");
				var googleMapsCode    = $('#googleMapsCode').attr('value'); 
				googleMapsCode = googleMapsCode.replace("+", "___PLUSPLUS_CHAR");
				var merchantNum     = $('#merchantNum').attr('value'); 
					$.ajax({  
						type: "POST",  
						url: "index.php?action=modify&type=setGoogleTools",  
						data: "merchantNum="+ merchantNum +"& googleTrackingCode="+ googleTrackingCode,  
						success: function(){  
						location.reload();      
						}  
					});
					}, 
			"Cancel": function() { 
				$(this).dialog("close"); 
			} 
		} 
	});
	
	// Dialog Link
	$('#dialog_googleTools').click(function(){
		$('#myGoogleTools').dialog('open');
		return false;
	});
	
	// Dialog			
	$('#siteNavEdit').dialog({
		autoOpen: false,
		width: 750,
		buttons: {
			"Ok": function() {  
				$('#working').dialog('open');
				serialized = $('ol.sortable').nestedSortable('serialize');
			    $('#serializeOutput').text(serialized+'\n\n');
				var serialNavData    = 	serialized;	
				serialNavData    = 	serialNavData.replace(/&/gi, "___AMPERSAND_CHAR");				
				var merchantNum     = $('#merchantNum').attr('value'); 
					$.ajax({  
						type: "POST",  
						url: "index.php?action=modify&type=siteNav",  
						data: "merchantNum="+ merchantNum +"& serialNavData="+ serialNavData,  
						success: function(){  
						location.reload();      
						}  
					});
					}, 
			"Cancel": function() { 
				$(this).dialog("close"); 
			} 
		} 
	});
	
	// Dialog Link
	$('#dialog_siteNavEditor').click(function(){
		$('#siteNavEdit').dialog('open');
		return false;
	});
	
	// Dialog			
	$('#myDetails').dialog({
		autoOpen: false,
		width: 750,
		buttons: {
			"Ok": function() {  
				$('#working').dialog('open');
				var siteName    = $('#siteName').attr('value'); 
				var templateName    = $('#templateName').attr('value'); 
				var merchantNum     = $('#merchantNum').attr('value'); 
					$.ajax({  
						type: "POST",  
						url: "index.php?action=modify&type=setSiteDetails",  
						data: "merchantNum="+ merchantNum +"& siteName="+ siteName +"& templateName="+ templateName,  
						success: function(){  
						location.reload();      
						}  
					});
					}, 
			"Cancel": function() { 
				$(this).dialog("close"); 
			} 
		} 
	});
	
	// Dialog Link
	$('#dialog_myDetails').click(function(){
		$('#myDetails').dialog('open');
		return false;
	});

	// Dialog			
	$('#edit').dialog({ 
		close: function(event, ui) {
			if ( event.originalEvent && $(event.originalEvent.target).closest(".ui-dialog-titlebar-close").length ) {
				if (CKEDITOR.instances.editor1) CKEDITOR.instances.editor1.destroy(); 
				}
			},
		autoOpen: false,
		width: 750, 
		buttons: {
			"Ok": function() {  
				$('#working').dialog('open'); 
				var oEditor = CKEDITOR.instances.editor1;
				var mainText = oEditor.getData();
				// alert( mainText );
				mainText = mainText.replace(/&/gi, "___AMPERSAND_CHAR");
				var id     = $('#id').attr('value'); 
				var merchantNum     = $('#merchantNum').attr('value'); 
					$.ajax({  
						type: "POST",  
						url: "index.php?action=modify&type=setMainText",  
						data: "merchantNum="+ merchantNum +"& id="+ id +"&mainText="+ mainText,  
						success: function(){  
						location.reload();      
						}  
					});
					}, 
			"Cancel": function() {  
				if (CKEDITOR.instances.editor1) CKEDITOR.instances.editor1.destroy(); 
				$(this).dialog("close"); 
			}

		} 
	}); 
	
	// Dialog Link
	$('#dialog_edit').click(function(){
			// Replace the <textarea id="editor1"> with an CKEditor instance.
			var templats = CKEDITOR.config.templates_files = [ 'http://www.webistree.com/webistree/functions/ckeditor/webistreeTemplates.js' ];
			var editor = CKEDITOR.replace( 'editor1',
				{ 
				filebrowserImageBrowseUrl : 'index.php?page=browser'
				
				});
				//'clipboard,form,tablecell,tablecellproperties,tablerow,tablecolumn,table,anchor,link,image,flash,checkbox,radio,textfield,hiddenfield,imagebutton,button,select,textarea' 
		//$( '#editor' ).ckeditor(configEdit);
//customConfig : '/hsphere/local/home/vnorris1/webistree.com/webistree/functions/ckeditor/webistreeTemplates.js', 

		$('#edit').dialog('open');
		return false;
	});
	
    // Dialog Link
	$('#dialog_test').click(function(){
			var templats = CKEDITOR.config.templates_files = [ 'http://www.webistree.com/webistree/functions/ckeditor/webistreeTemplates.js' ];
			var editor = CKEDITOR.replace( 'editor1',
				{ 
				filebrowserImageBrowseUrl : 'index.php?page=browser'
				});
		$('#test').dialog('open');
		return false;
	});
	
	$('#test').dialog({
		close: function(event, ui) {
			if ( event.originalEvent && $(event.originalEvent.target).closest(".ui-dialog-titlebar-close").length ) {
				if (CKEDITOR.instances.editor1) CKEDITOR.instances.editor1.destroy(); 
				}
			},
		autoOpen: false,
		width: 600,
		buttons: {
			"Ok": function() { 
				$('#working').dialog('open');		
				}, 
			"Cancel": function() {  
				if (CKEDITOR.instances.editor1) CKEDITOR.instances.editor1.destroy(); 
				$(this).dialog("close");  
			} 
		}
	});
	
	$('#working').dialog({
		autoOpen: false,
		width: 70
	});
	
	$('#copyPage').dialog({
		autoOpen: false,
		width: 600,
		buttons: {
			"Ok": function() { 
				$('#working').dialog('open');
				var newPageName     = $('#newPageName').attr('value');   
				var id     = $('#id').attr('value');
				var merchantNum     = $('#merchantNum').attr('value');				
					$.ajax({  
						type: "POST",  
						url: "index.php?action=modify&type=copyPage",  
						data: "merchantNum="+ merchantNum +"& id="+ id +"&newPageName="+ newPageName,  
						success: function(){  
						$(this).dialog("close"); 
						location.reload();      
						}  
					});
				}, 
			"Cancel": function() { 
				$(this).dialog("close"); 
			} 
		}
	});
	
	// Dialog Link
	$('#dialog_copyPage').click(function(){
		$('#copyPage').dialog('open');
		return false;
	});
	
	// Dialog Link
	$('#dialog_properties').click(function(){
		$('#properties').dialog('open');
		return false;
	});
	
	$('#properties').dialog({
		autoOpen: false,
		width: 600,
		buttons: {
			"Ok": function() { 
				$('#working').dialog('open');
				var pageTitle    = $('#pageTitle').attr('value'); 
				pageTitle = pageTitle.replace(/&/gi, "___AMPERSAND_CHAR");
				var pageKeywords    = $('#pageKeywords').attr('value'); 
				pageKeywords = pageKeywords.replace(/&/gi, "___AMPERSAND_CHAR");
				var pageDescription     = $('#pageDescription').attr('value'); 
				pageDescription = pageDescription.replace(/&/gi, "___AMPERSAND_CHAR");
				var id     = $('#id').attr('value');
				var merchantNum     = $('#merchantNum').attr('value');				
					$.ajax({  
						type: "POST",  
						url: "index.php?action=modify&type=pageProp",  
						data: "merchantNum="+ merchantNum +"& id="+ id +"&newPageTitle="+ pageTitle +"&newPageKeywords="+ pageKeywords +"&newPageDescription="+ pageDescription,  
						success: function(){  
						$(this).dialog("close"); 
						location.reload();      
						}  
					});
				}, 
			"Cancel": function() { 
				$(this).dialog("close"); 
			} 
		}
	});
	
	// Dialog Link
	$('#dialog_deletePage').click(function(){
		$('#deletePage').dialog('open');
		return false;
	});
	
	$('#deletePage').dialog({
		autoOpen: false,
		width: 300,
		buttons: {
			"YES DELETE!": function() {  
				$('#working').dialog('open');
				var id     = $('#id').attr('value');
				var merchantNum     = $('#merchantNum').attr('value');				
				$.ajax({  
						type: "POST",  
						url: "index.php?action=modify&type=deletePage",  
						data: "merchantNum="+ merchantNum +"& id="+ id,  
						success: function(){  
						location.reload();      
						}  
					}); 
			},
			"Cancel": function() { 
				$(this).dialog("close"); 
			} 
		}
	});
	
		
	// Dialog Link
	$('#dialog_logout').click(function(){
		$('#logout').dialog('open');
		return false;
	});
	
	$('#logout').dialog({ 
		autoOpen: false,
		width: 300,
		buttons: {
			"Yes log me out?": function() {  
				$('#working').dialog('open');
				window.location = 'index.php';     
			},
			"Cancel": function() { 
				$(this).dialog("close"); 
			} 
		} 
	});
	
	$('#dialog_addListItem').click(function(){ 
		$('#working').dialog('open');
		var id     = $('#id').attr('value');
		var merchantNum     = $('#merchantNum').attr('value');		
		var menuGroupId    = $('#menuGroupId').attr('value');			
		$.ajax({  
				type: "POST",  
				url: "index.php?action=modify&type=addListItem",  
				data: "merchantNum="+ merchantNum +"& id="+ id +"& menuGroupId="+ menuGroupId,  
				success: function(){  
				location.reload();      
				}  
			}); 
		//location.reload();  
		//$('#addListItem').dialog('open');
		return false;
	});
	
	$('#addListItem').dialog({ 
		autoOpen: false,
		width: 300,
		buttons: {
			"Cancel": function() { 
				$(this).dialog("close"); 
			} 
		}
	});
	
	/*
	// Dialog Link
	$('[id^=dialog_deleteListItem]').click(function(){
	//alert(element.parents('li'));
	element.parents('li').hide();
	$('#deleteListItem').dialog('open');
	return false;
	});
	*/
	
	
	$('.addListItem').click(function(){
	var menuGroupId = $(this).attr('id');
	var id = $('#id').attr('value');
	var merchantNum  = $('#merchantNum').attr('value');	
    //alert(	menuGroupId+id+merchantNum);
		$.ajax({  
			type: "POST",  
			url: "index.php?action=modify&type=addListItem",  
			data: "merchantNum="+ merchantNum +"& id="+ id +"& menuGroupId="+ menuGroupId,  
			success: function(){  
			location.reload();      
			}  
		}); 
	}) 
	
	$('.upDateListItem').click(function(){
		upDateDialog('Yes', 'Cancel', $(this));
	});
	
	function upDateDialog(button1, button2, element){
		var btns = {};
		btns[button1] = function(){
			$('#working').dialog('open');
			var listId = element.parents('li').attr('id');
			var merchantNum  = $('#merchantNum').attr('value');		
			var menuGroupId  = element.parents('ol').attr('id');
			

			var i=0;
			var listNum = "list_";
			var listNumId;
			$(".formRow").each(function () {
				// Fetch the ID of the element
				var state = $('.state').eq(i).attr('value');
				var handling = $('.handling').eq(i).attr('value');
				var limit = $('.limit').eq(i).attr('value');
				var tax = $('.tax').eq(i).attr('value');
				var shipper = $('.shipper').eq(i).attr('value');
				//var curElementID = $(this).attr("value"); 
				listNumId = listNum + i++; 
				if (listId == listNumId && menuGroupId==-8) {
					$.ajax({  
					type: "POST",  
					url: "index.php?action=modify&type=updateShipping",  
					data: "merchantNum="+ merchantNum +"& listId="+ listId  +"& menuGroupId="+ menuGroupId+"& state="+ state+"& handling="+ handling+"& limit="+ limit+"& tax="+ tax+"& shipper="+ shipper,
					success: function(){  
						$('#working').dialog("close"); 
						location.reload();
						}  
					}); 
					
				};
			});
				
	        var i_second=i;
			i=0;
	        var bottles;
			
			$(".formRow2").each(function () {
				// Fetch the ID of the element
				state = $('.state').eq(i_second).attr('value');
				//var handling = $('.handling').eq(i).attr('value');
				//var limit = $('.limit').eq(i).attr('value');
				price = $('.price').eq(i).attr('value');
				bottles = $('.bottles').eq(i).attr('value');
				shipper = $('.shipper').eq(i_second).attr('value'); 
				listNumId = listNum + (i++); 
				if (listId == listNumId && menuGroupId==-9) {
					alert("State: "+state+" price: "+price+" Bottles: "+bottles+" Shipper: "+shipper); 
					};
				i_second++;
				
				});
			
			/*
			$.ajax({  
				type: "POST",  
				url: "index.php?action=modify&type=deleteListItem",  
				data: "merchantNum="+ merchantNum +"& listId="+ listId  +"& menuGroupId="+ menuGroupId,
				success: function(){  
				$('#working').dialog("close"); 
				location.reload();
				}  
				}); */
			$(this).dialog("close"); 
			};
			
		btns[button2] = function(){ 
			// Do nothing
			$(this).dialog("close"); 
			};
		$("<div></div>").dialog({
			autoOpen: true,
			title: 'Change Item?',
			modal:true,
			buttons:btns
			});
		}
	
	
	$('.deleteListItem').click(function(){
    deleteDialog('Delete', 'Cancel', $(this));
	})
	
	function deleteDialog(button1, button2, element){
		var btns = {};
		btns[button1] = function(){
			$('#working').dialog('open');
			var listId = element.parents('li').attr('id');
			var merchantNum     = $('#merchantNum').attr('value');	
			var menuGroupId     = element.parents('ol').attr('id');
			//alert(listId+merchantNum+menuGroupId); 
			$.ajax({  
				type: "POST",  
				url: "index.php?action=modify&type=deleteListItem",  
				data: "merchantNum="+ merchantNum +"& listId="+ listId  +"& menuGroupId="+ menuGroupId,
				success: function(){  
				$('#working').dialog("close"); 
				location.reload();
				}  
				}); 
			$(this).dialog("close"); 
			};
		btns[button2] = function(){ 
			// Do nothing
			$(this).dialog("close"); 
			};
		$("<div></div>").dialog({
			autoOpen: true,
			title: 'DELETE ITEM!',
			modal:true,
			buttons:btns
			});
		}
	
	$('#deleteListItem').dialog({
		autoOpen: false,
		width: 300,
		buttons: {
			"YES DELETE!": function() {  
				$('#working').dialog('open');
				var id     = $('#id').attr('value');
				var merchantNum = $('#merchantNum').attr('value');	
				var menuGroupId = $('#menuGroupId').attr('value');	
				$.ajax({  
						type: "POST",  
						url: "index.php?action=modify&type=deleteListItem",  
						data: "merchantNum="+ merchantNum +"& id="+ id  +"& menuGroupId="+ menuGroupId,  
						success: function(){  
							    
						location.reload();      
						}  
					}); 
			},
			"Cancel": function() { 
				$(this).dialog("close"); 
			} 
		}
	});
	
	// Datepicker
	$('#datepicker').datepicker({
		inline: true
	});
	
	// Slider
	$('#slider').slider({ 
		range: true,
		values: [17, 67]
	});
	
	// Progressbar
	$("#progressbar").progressbar({
		value: 20 
	});
	
	//hover states on the static widgets
	$('#dialog_link, ul#icons li').hover(
		function() { $(this).addClass('ui-state-hover'); }, 
		function() { $(this).removeClass('ui-state-hover'); }
	);
	
       
        $(".DropChange").change(function(){             
                var ValOne = $('#ValOne').val();
                var ValTwo = $('#ValTwo').val();
                var totalTotal = ((ValOne * 1) * (ValTwo * 1));                         
                $('#Total').text(totalTotal);
        });     
	

	/*
	$(document).ready(function(){  
        $("form#submitTextEdit").submit(function() {  
        // we want to store the values from the form input box, then send via ajax below 
		
        var mainText    = $('#mainText').attr('value');  
        //var lname     = $('#lname').attr('value');  
            $.ajax({  
                type: "POST",  
                url: "data/utilities/dbCalls.php",  
                //data: "fname="+ fname +"& lname="+ lname,  
				data: "mainText="+ mainText,  
                success: function(){  
                location.reload();      
                }  
            });  
			
			//$('form#submitTextEdit').hide(function(){$('div.success').fadeIn();}); $('form#submitTextEdit').hide();
        return false;  
        });  
    });  
	*/
});