var uri = 'http://www.pulaarspeaking.org/';
	
	// Get elment Params Fnc
	$.fn.getParams = function(){
		
		// set Params into an array
		var arr = {
			
		// get postion on page 
		t  : $(this).offset().top,
		l  : $(this).offset().left,
		
		// get width / Height 
		w : $(this).width(),
		h : $(this).height(),
		
		// get inner dimensions
		iw : $(this).innerWidth(),
		ih : $(this).innerHeight(),
		
		// get outer dimensions
		ow : $(this).outerWidth(),
		oh : $(this).outerHeight()
		
		};
		return arr;
	}
	
	
	// => CREATE A POPUP FRAME
	popupCreate = function(){
		
		// popup and popup content area
		var popup         = document.createElement('div');
		var popupContent  = document.createElement('div');
		var popupCloseBtn = document.createElement('div');
		
		// set popup attributes and styles
		popup.setAttribute('id', 'popup');
		
		// set popup content attributes and styles
		popupContent.setAttribute('id', 'popupContent');
		
		// set popup close button attributes and styles
		popupCloseBtn.setAttribute('id', 'popupClose');
		popupCloseBtn.setAttribute('title', 'Close');
		
		popupCloseBtn.innerHTML = '<img src="'+uri+'imgs/icons/ppclose.png"/>';
		
		document.body.appendChild(popup);
		popup.appendChild(popupContent);
		popup.appendChild(popupCloseBtn);
		
	};
	
	// => CREATE PAGE LOADER
	createPageLoader = function(){
		
		var pageLoad = document.createElement('div');
			pageLoad.setAttribute('id', 'loader');
			pageLoad.setAttribute('style',
			'position:absolute;width:100px;height:100px;top:30%;left:50%;margin-left:-50px;background:url(imgs/loaders/ldr.gif) 50% 50% no-repeat;z-index:9999;');
		document.body.appendChild(pageLoad);
	}
	
	createTileView = function(){
		var tileView = document.createElement('div');
		tileView.setAttribute('class','tileView');
		document.body.appendChild(tileView);
	}
	
	// => MAIN MEU 		
	mainMenu = function(){
		
		var main      = $('[id=logoCon]');
		var Lnk       = $('[class=mmLnk]');
		var sbMenuCon = $('[class=subMenuCon]');
		var sbMenu    = $('[class=subMenu]');
		var nfoMenu   = $('[class=infoMenu]');
		var cPanelCnt = $('[id=panelFrame]');
		var cPanelMn  = $('[id=panelMenuCon]');
	
		main.click(function(){window.location = uri});
		
		Lnk.click(function(){
			var l = $(this).attr('rel');
			if (l != "undefined" && (l)) {
				window.location=l;
			};
		})
		
		//Lnk.css({opacity:0.95});
		
		subMenuStl = function(){
			sbMenuCon.each(function(){
				var elm = $(this);
				elm.css({'width':elm.parent().width()});
			});
		}();
		
		sbMenu.find('a:last-child').css({'border-right':'none'});
		
		lnkLive = function(){
			sbMenuCon.hover(function(){
				$(this).show();
			});
		}();
		
		showLnk = function(){
		Lnk.hover(function(){
			var ml = $(this);
			$(this).css({
				'cursor':'default',
				'color':'#373735',
				'background':'#FFF',
				'border-color':'#000'});
			sbMenuCon.hide();sbMenu.hide();
			var sbm = $(this).find('.subMenuCon');	
			sbm.show(0, function(){
			sbm.find('.subMenu').show();
			})
		}, function(){sbMenuCon.hide();sbMenu.hide();$(this).css({'background':'none','color':'#CCC','border-color':'#262624'});});
		}();
		
		if (typeof nfoMenu.parent().attr('id') != "undefined") {
		
		nfoMenu.css({'top': nfoMenu.parent().offset().top});
		
		$('[class=scrll]').click(function(){
			var ref = $(this).attr('href');
			var ax  = $('#'+ref+'').getParams();
			$('#'+ref+'').css({'background' : '#FFF'});
			$('[class=information]').find('h4').css({'background' : 'none','color':'#666'});
			$('[class=information]').find('div').css({'background' : 'none'});
			$('#'+ref+'').next('div').css({'background' : '#EEF5D8'});
			$('h4[id='+ref+']').css({'background' : '#373735','color':'#FFF'});
			var dflPos = '25%';
			$('html, body').animate({scrollTop: (ax.t - 10)}, 1500);
			return false;
		});
		
		var pos = document.body.scrollTop;
		
		document.onscroll = (function(){
			if(pageYOffset  <= 150) {
			nfoMenu.css({'top': nfoMenu.parent().offset().top});	
			}if(pageYOffset  >= 150){
			nfoMenu.css({'top': 10});
			
			}	
		});
		
		};
		
		// => Control Panel functions
		
		// => Control Panel links functions
		linkTo = function(){
			
		}();
		
		// => Control Panel styles
		cpStyle = function(){
			cPanelCnt.css({'min-height':cPanelMn.height()});
		}();
		
	};
	
	tileImg = function(event){
		
		var tile = $('[class=tile]');
		
		tile.bind('mousemove',function(e){
			var view = $('[class=tileView]');
			var sr = $(this).attr('src');
			var t  = $(this).getParams();
			
			var p  = $($(this).parent().parent()).getParams();
			
			view.html('<img src="'+sr.replace('50x','sets')+'"/>');
			
			if ((e.pageX+t.w) > ($('html').width()-(view.width()-t.w+20))) {
				view.show().css({'top':e.pageY-view.height()/2,'left':e.pageX-view.width()-10});
			}else{
				view.show().css({'top':e.pageY-view.height()/2,'left':e.pageX+10});
			}

			if((view.offset().top+view.height()+t.h/3) > $('html').height()){
				view.show().css({'top':e.pageY-view.height()},300);
			}
			
		}).mouseout(function(){
			$('[class=tileView]').hide().empty();
		});	
	};
	
	// => STYLE ELEMENTS
	stlElm = function(){
		
		var header     = $('[id=headerCon]');
		var pageHeader = $('[id=pageHeader]');
		var container  = $('[id=container]');
		var footer     = $('[id=footerCon]');
		var btmCon     = $('[id=bottomCon]');
		
		// => POSITION FOOTER AFTER CONTAINER
		/*footer.css({
			'position':'absolute',
			'top':(container.height() + 135)
		});*/
	};
	

$(function(){
createTileView();
mainMenu();
stlElm();	
});