var _officeItemListCombobox = null;
  	var _cssStyleSelectJQ = null;
  	var _animationTypeSelectJQ = null;
  	var _animationType = "fade";
			var _flashCard = 0;

		/*Round Border Box Patchs*/
		var rboxHead ='<div class="head"><div class="head-left"><div class="head-right"></div></div></div>';
    var rboxBodyOpen ='<div class="data">';
    var rboxBodyClose ='</div>';
		var rboxFoot ='<div class="foot"><div class="foot-left"><div class="foot-right"></div></div></div>';

		/*Round Fill Box Patchs*/
		var fboxHead ='<div class="head"><div class="foot"><div class="data">';
		var fboxFoot ='</div></div></div>';

		/*Round Gradient Box Patchs*/
		var grdboxHead ='<div class="top-left"><div class="top-right"><div class="bot-left"><div class="bot-right">';
		var grdboxFoot ='</div></div></div></div>';

		/*Edit Box Show Hide Function*/
		function setEditBox(){
			$(".editBox").each(function(i){
				var inData = $(".ebData",this);
				$(".showHide",this).click(function(){
						inData.slideToggle("slow");
						$(this).toggleClass("show");
						$("#mainContainer").scrollTo( '.editBox:eq('+ i+')', 800 );
							return false;
				});
			});
		}

		/*Fix for round bordered box in IE */
function setBox_IE(div){
                               //alert("Main Divs: "+$("."+div).length)

                               var _flagHolder = $("."+div)

                               $(_flagHolder).each(function(){
                                       var pW = $(this).find(".data p").width();
                                       var iW=40;
                                       
                                       var _images = $(this).find(".data img");

                                       //alert("Number of Image inside: " + $(_images).length);
                                       $(_images).each(function(i){
                                                       //alert(i+" image width: " + $(this).width());
                                                       iW=iW+$(this).width()+6;
                                       });
                                       //alert("parameters 1: Para Width:" + pW + " Images Width:" + iW);

                                       $(this).width(pW+iW);
                                       $(this).find(".data p").width(pW);
                                       $(this).find(".data").width(pW+iW-2);
                                       $(this).find(".head").width(pW+iW);
                                       $(this).find(".head-left").width(pW+iW);
                                       $(this).find(".head-right").width(pW+iW);
                                       $(this).find(".foot").width(pW+iW);
                                       $(this).find(".foot-left").width(pW+iW);
                                       $(this).find(".foot-right").width(pW+iW);
                               });
               }
 

		/*Make Alert box Round*/
		function setAlert(){
			$(".alert").each(function(){
				$(this).append("<div class='lt'></div><div class='rt'></div><div class='lb'></div><div class='rb'></div>");
			});
				
		}
		
		/*------------Function will retive page link and sidebar file from URL------------------*/
		/* hello.html#@contentArea=not-logged_in.html;@pageBody=learn-not-logged-in.html */
		function setPage(str){
			var currentLocation = str;

			var initVar = currentLocation.indexOf('#');
			
			currentLocation = currentLocation.substring(initVar+1, currentLocation.length);
			var arg = new Array();
			
			arg = currentLocation.split(';');
			if(arg.length>1){
				for(i=0;i<arg.length;i++){
					var nFiles = arg[i].split("=")
					var holder = nFiles[0].replace(/@/, "#");
					var data = nFiles[1];
					setHtml(holder,data);
				}
			}
		//	setNav(2,1);
			//setSub(2,1);		
		}


		function setHtml(holder,data){
					$.ajax({
							url: data,
							cache: false,
							success: function(html){
									$(holder).html(html);
							}
					});
		
		}
	/*	function flipText() { 
						var fc = getMovie('card');
					//alert(typeof(fc));
						fc.cflip(); 
		} */

		function setNav(m,s){
				removeActive();
				
				$("#navigation>li").eq(m).addClass("active");
				$("#navigation>li>li").removeClass("active");

				var p = $("#navigation>li").eq(m);
				
				$("li", p).removeClass("active");
				
				$("li:eq("+s+")", p).addClass("active");
		}

		/*Get Flash Object*/
/* function getMovie(movieName) { 
    if (navigator.appName.indexOf("Microsoft") != -1) { 
        return window[movieName]; 
    } else { 
        return document[movieName]; 
    } 
	} */
	
	
	function fFlash(){
		  var flash = getMovie('card');
		 alert(flash.cflip()); 
		 //flash.cflip(); 
	}

		
		/*Flash Card tab Set*/
		function setTabs(){
			$(".fTabs ul li a").each(function(){
				if($(this).hasClass("active")){
					$(this).parent().next().addClass("active-right");
					$(this).parent().next().removeClass("active-left");
					$(this).parent().prev().addClass("active-left");
					$(this).parent().prev().removeClass("active-right");
				}
			});

		}

		// Body Ready Funtion
		$(function(){  

				// Load the header into header div
				$("#header").load("_header.html");

				//Load Navigation & Login Section 
				setNavBar();
				//$("#navLogin").load("_nav_logged_in.html");
				
				
				//Load Home page Content
				$("#contentArea").load("index.html");
				//$("#contentArea").load("lessons_land.html");
				
				//Load footer Content
				$("#footer").load("_footer.html");
				
				
		});

			//set Height
			function setPageHeight(){
				var wHeight = $(document).height();
				var cHeight = $("#mainContainer").height();
				
				if(wHeight>cHeight){
					$("#contentArea").css({"height":(wHeight-320)+"px"});
				}
			}

			//Set Flash Data Base
			function setTabsData(){
				$("#fTabsData").wrap('<div class="fTabsData"><div class="right"><div class="bottom"><div class="bottom-right"><div class="bottom-left"></div></div></div></div></div>');
				$("#fTabsData").removeClass("fTabsData");
				$("#fTabsData").addClass("top-right");
			}
			
			//Create Divider in Flash Cards Data Box
			function createDivider(){
				$("div.divider").each(function(i){
					$(this).html('<div class="left"><div class="right"></div></div>');
				});
			}


			//Create the Reflection below the White Box in flash cards
			function createReflection(){
				$("div.wbox-reflection").each(function(i){
					$(this).html('<div class="left"><div class="right">'+ $(this).html() +'</div></div>');
				});
			}
			

			//Create Image Holder
			function imgHolder(className){
				$("."+className).each(function(i){
					$(this).wrap("<div class='"+this.className+"'><div class='left'><div class='right'><div class='bottom'><div class='left-top'><div class='left-bottom'><div class='right-top'><div class='right-bottom'></div></div></div></div></div></div></div></div>");
					this.className="";
				});					
			}
			
			//TextBox Focus 
			function setTextFocus(){
			$("input[file='text']").bind("focus",function(){
					$(this).caption=$(this).value;
					$(this).value="";
																								
				});
			}
			
			//Create Round Button
			function roundButton(className){
				$("input."+className).each(function(i){
					$(this).wrap("<div class='"+this.className+"'></div>");
					this.className="";
				});
			}
			
			//Create Round TextBox
			function roundTextBox(className){
				$("input."+className).each(function(i){
					$(this).wrap("<div class='"+this.className+"'><div class='head'><div class='foot'><div class='data'></div></div></div></div>");
					this.className="";
				});
			}
			
			//Create Progres Bar 
			function progressBar(){
				$("div.progressBar").each(function(i){
				var num = $(this).html();
				num = parseInt(num);
				var nData = '<div>' + num + '%</div><img src="images/pbar_bg.gif" alt="' + num + '%" />'
				$(this).html(nData);

				if(num>5){
				$("div:first", this).css({"width": (num-5) + "%" });
				}else{
				$("div:first", this).css({"width": (num) + "%" ,"padding-right":"0"});
				}
				if(num<25){
				$("div:first", this).text("");
				$(this).prepend("<span class='lFive' style='left:"+ num +"%;'>"+ num +"% </span>");
				}
				});
			}
			
			//Create Fill Round Box
			function fillBox(className){
				
				$("div."+className).each(function(i){

					var gData = $(this).html();

					gData = fboxHead + gData + fboxFoot;
					
					$(this).html(gData);
				});
					
			}

			//Create Fill Gradient Round Box
			function grdFillBox(className){
				
				$("div."+className).each(function(i){

					var gData = $(this).html();

					gData = grdboxHead + gData + grdboxFoot;
					
					$(this).html(gData);
				});
					
			}


			//Create Border Round Box
			function borderBox(className){
				
				$("div."+className).each(function(i){

					var gData = $(this).html();

					gData = rboxHead + rboxBodyOpen + gData + rboxBodyClose + rboxFoot;
					
					$(this).html(gData);
				});
					
			}
		
			//Check the login Status 
			function setNavBar(){
					
					var checkBoj = document.getElementById("contentArea");
					
					if(checkBoj.className.indexOf('loggedIn')!=-1){
						$("#navLogin").load("_nav_logged_in.html");
					}else{
						$("#navLogin").load("_nav_login.html");
					}
			}
			
			// create a jquery combobx and set the Css class styles
			function setupCombobox(id)
			{				

				_officeItemListCombobox = $(id).combobox(
					{
						comboboxContainerClass: "comboboxContainer",
						comboboxValueContentContainerClass: "comboboxValueContainer",
						comboboxValueContentClass: "comboboxValueContent",
						comboboxDropDownClass: "comboboxDropDownContainer",
						comboboxDropDownButtonClass: "comboboxDropDownButton",
						comboboxDropDownItemClass: "comboboxItem",
						comboboxDropDownItemHoverClass: "comboboxItemHover",
						comboboxDropDownGroupItemHeaderClass: "comboboxGroupItemHeader",
						comboboxDropDownGroupItemContainerClass: "comboboxGroupItemContainer"
					},
					{
						animationType: _animationType,
						width: 113
					});
			}



	function getHref(url){
						var g = url.indexOf("#");
					url = url.substring(g,url.length)
					return url;
		}

var LoddingFlag=0;

		function setVocab(Language, Str){
				$(".options").each(function(){
				//Added By Dheeraj Singh ($(this).click(function())for issue 'Onclick' Date April 2,2010
				//$(this).mouseover(function(){
  			  	$(this).click(function(){
				if(LoddingFlag){

					return;
				}
				$("#loading").show();
							LoddingFlag=1;
				$(".oOptions").remove();
				var os = $(this).position();
				$(this).parent().append("<div class='oOptions'>")
				$(".oOptions").css({"left":os.left,"top":(os.top+ $(this).height())});
				var op = $(this).attr("rel");
				//alert(op);
				var aid = this.id;
				aid = aid.split("_");
				//alert(aid[2]);
				op = op.split(",");
				var _options ="";
				var cntr = 1;
								
				//var _header = "<h3><a href='#' class='close'>Close X</a>"+$(this).text()+"</h3>";
				var _header = "<h3><a href='#' class='close'>Close X</a>"+aid[1]+"</h3>";
				
				var _options = '';
				$.each(op, function(i,n){
					//n = n.replace(/ /g, "%20");
					aid[0] = aid[0].replace(/ /g, "%20");
				//_options = _options+ "<li><img src='images/sound_icon_vocab.gif' alt='Click to here sound' /><input type='checkbox' value='" + n + "'>"+ n +"</li>" ;
				src = 'Audio/'+ Language+'%20-%20Words%20Lists/'+aid[0] + '/' +aid[0] + '.' + cntr + '.mp3';
				embd = '<embed src="'+src+'" autostart=false type="audio/mpeg" width=0 height=0 name="WL'+cntr+'" enablejavascript="true">';
				onclck = 'onClick="EvalSound(\'WL'+cntr+'\', \'VOC\');"';
				//alert (embd);
				//alert (onclck);
				
				_options = _options+ '<li><img src="images/sound_icon_vocab.gif"  title="Click to hear sound"'+onclck+' /><input class="cBox" type="checkbox" value="' + n + '"/>'+ n +embd+'</li>' ;
				cntr++;
				});
				_options = _options+'<li><a href=index.php?id=flashcard&WL='+aid[0] +'&Action=ViewAll&FL='+aid[2]+'&BL='+Language+' title=Click for more words>More...</a></li>';

				

					$.get(
						'saveflashcard.php',
						{Action:'GetCardsForVoc', Lang:Language},
						function(data) {
							
							var _buttons = "<a href='#' id='flash' class='btn-left' title='Click to save flashcard'>Add to Flashcard</a> | <a id='allFlash' href='#' class='btn-right' title='Click to select all' >Add all to Flashcard</a>"
							var _sOptions = "we";
							_sOptions = data;
							//$(".oOptions").append(_header+"<ul>"+_options +"</ul>"+_buttons+data);
							//var _sOptions = '<div class="sOptions"><ul><li><input type="radio" name="op" value="1" checked="checked" /><select class="combo"><option value="0">Select Set</option><option value="Set 1">Set 1</option><option value="Set 2">Set 2</option><option value="Set 3">Set 3</option></select></li><li><input type="radio" name="op" value="2" /> <input type="text" value="Create New" class="textBox" /><div class="clear-float"></div></li></ul><a href="#" class="close">Save</a> | <a href="#" class="close">Cancel</a></div>';
							$(".oOptions").append(_header+"<ul>"+_options +"</ul>"+_buttons+_sOptions);
							$(".oOptions").fadeIn("fast");
							LoddingFlag=0;
							$("#loading").hide();

							$(".oOptions .close").each(function(){
							$(this).click(function(){
							$(this).parents(".oOptions").fadeOut("fast",function(){
								$(this).parents(".oOptions").remove();
								});
								return false;
								});
							});
							$("#flash").click(function(){					
							$(".sOptions").slideDown("fast");
							return false;
							});
							$("#allFlash").click(function(){
							$(".oOptions ul:first input:checkbox").attr("checked","checked");
							$(".sOptions").slideDown("fast");
							return false;
							});
							});
							});
						}
					);			
		}

function SaveVOCToCard(Language) {
	var status = 0;
	//var Language = "<?php echo $_GET['Lang'];?>";
	var TBVal = $("#NewSetTB").val();	
	if ($("input[name='op']:checked").val() == '1' && $("#SetsDD").val() == '')
	{
		status = 1;
		alert ('Please select or enter a set');
	}
	if ($("input[name='op']:checked").val() == '2' && TBVal == '')
	{
		status = 1;
		alert ('Please select or enter a set');
	}

	var val = [];
	//i = 0;
	$(':checkbox:checked').each(function(i){
	  if (this.id != "selectAll")
	  {
		val[i] = $(this).val();
	  }			  
	});
	var Str = val.join(";");

	if (Str.length == 0)
	{
		alert ('Please select a word');
		status = 1;
	}
	if (status == 0)
	{
		SID = $("#SetsDD").val();
		switch ($("input[name='op']:checked").val())
		{
		case '1':
			TBVal = '';
			break;
		case '2':
			SID = '';
			break;
		default:
			break;		
		}
		$.get(
			'saveflashcard.php',
			{Action:'FlshCrdFromVOC', SetID:SID, NewSet:TBVal, Words:Str, Lang:Language},
			function(data) {
				alert ('Flashcards created successfully');
				$(".oOptions").fadeOut("fast");
			}
		);
	}
}

function selectAll(){
		$(".selectAll").each(function(){
		$(this).click(function(){
		if($(this).attr("checked")){
		$(this).parents("table:first").find("input:checkbox").attr("checked","checked");
		}else{
		$(this).parents("table:first").find("input:checkbox").removeAttr("checked");
		}
		});
		});
}

function Saveprogress (type){
	var LID = "<?php echo $_GET['lessonid'];?>";
	var Lang = "<?php echo $_GET['Lang'];?>";
	$.get(
		'savelessondata.php',
		{PType:type, Type:'Progress', LID:LID, Lang:Lang},
		function(data) {
			a= 1;
		}
	);
}
/*function createFCard(f,b){
	alert ('f: - '+ f + 'b: - '+ b);
	var so = new SWFObject("swf/card.swf", "card", "410", "170", "8", "#ffffff");
	so.addParam("allowScriptAccess","always");
	so.addParam("wmode","transparent");
	so.addParam("FlashVars","fText="+f+"&bText="+b);
	so.write("cFlash");
}*/