var currentPattern = get_cookie('pattern');
var currentColor = get_cookie('color');
   
currentPattern = (currentPattern == null || currentPattern=='') ? '01' : currentPattern;
currentColor = (currentColor == null || currentColor=='') ? '#80BABC' : currentColor;

$(document).ready(function(){
	
	moveShip(get_cookie('shipPositionX'),get_cookie('shipPositionY'));
	
	$("#contentLeft  .scroll-content").jScrollPane({scrollbarWidth: 4,trackHeight: 72,scrollTrackContainerId: 'contentLeftScrollTrack'});
	$("#pagesGallery .scroll-content").jScrollPane({scrollbarWidth: 4,trackHeight: 72,scrollTrackContainerId: 'pageGalleryScrollTrack'});
	
	$pageContent = $("#pageContent  .scroll-content").jScrollPane({scrollbarWidth: 4,trackHeight: 72,scrollTrackContainerId: 'pageContentScrollTrack'});
	$("#headlinesContainer  .scroll-content").jScrollPane({scrollbarWidth: 4,trackHeight: 162,scrollTrackContainerId: 'headlinesScrollTrack'});
	$('.scrollBar').show();
	$(".tooltip").tooltip();
	//$("#kvadratic").tooltip();
	
	$('#mainMenu > ul > li:nth-child(7)>ul').css('width','81px');
	
	slideMenu();
	$("#brod").draggable({
		stop: function(event, ui) { 
			var x = ui.position.top;
			var y = ui.position.left;
			setCookie("shipPositionX",x,365,'/');
			setCookie("shipPositionY",y,365,'/');
		},
		revert: 'valid'
	});
	
	$(".rightListBlock").droppable();
	$(".rightListBlock").droppable('option', 'tolerance','touch');

	
	$("#backgroundCover").click(function(){
		$(this).hide();
		$("#imageContainer").hide();
	});
	
	
	$(".time").jclock();
	$('#mainMenu > ul > .last ').hover(function() {
     $("#menu_sun_fix").css({backgroundImage: 'url('+MAIN_URL+'images/template/meni_sa_suncem2_over.png)'});
   }, function() {
     $("#menu_sun_fix").css({backgroundImage: 'url('+MAIN_URL+'images/template/meni_sa_suncem2.png)'});
   });
   
   $('.rollover').hover(function() {
        var currentImg = $(this).attr('src');
        $(this).attr('src', $(this).attr('hover'));
        $(this).attr('hover', currentImg);
    }, function() {
        var currentImg = $(this).attr('src');
        $(this).attr('src', $(this).attr('hover'));
        $(this).attr('hover', currentImg);
    });
    
    changePattern(currentPattern);
	$("#patternImage").load(function(){changeColor(currentColor);$(this).unbind('load');});
	
	$(".enterSite").click(function(){
		$('.infoBox').hide();
		$('#popup_testPeriod').show();
	});
	
	
    $('input:radio:visible').checkbox();
	$("input:checkbox:visible").checkbox();
	
});

function loadOnPopup(winName) {
	$("#"+winName+" .scroll-content").jScrollPane({scrollbarWidth: 3});
    $.farbtastic('#picker',function (color){changeColor(color)}).setColor(currentColor);    
    preloadImages('../images/template/x_over.png');

    //if ($("#"+winName).find('.jquery-checkbox').length < 1) {    
	    $("#"+winName).find('input:radio').checkbox();
		$("#"+winName).find("input:checkbox").checkbox();
    //}
	
	if (winName == 'kruzicContentWindow') {
		$("#kruzicContentWindow > .titleBar > .closeWindow").click(function(){
           changePattern(currentPattern);
           changeColor(currentColor);
       });
	}
}


function slideMenu () {
    $(" #mainMenu ul ul ").css({display: "none"}); // Opera Fix
	 $(" #mainMenu ul li").hover(function(){	 	
		$(this).addClass("activeMenuItem").find('ul:first');
		$(this).find('ul:first').slideDown(300);
		},function(){
			if ($(this).find('ul:first').length > 0) {
				$(this).find('ul:first').slideUp(300,function(){
					$(this).parent().removeClass("activeMenuItem");
					});
			} else {
				$(this).removeClass("activeMenuItem");
			}
			
		}); 
	
}



function changePattern(p) {
	var pattern = 'pattern_01.png';
	
	switch (p) {
		case '01' :
			pattern = 'pattern_01.png';
			break;
		case '02' :
			pattern = 'pattern_02.png';
			break;
		case '03' :
			pattern = 'pattern_03.png';
			break;
	}
	//$("#pattern_background").css('background-image',"url('"+MAIN_URL+"images/patterns/"+pattern+"')");
	$("#patternImage").attr('src',MAIN_URL+"images/patterns/"+pattern);
	tempPattern = p;
}

function changeColor(color) {
	$("#pattern_background").css('background-color',color);
	$("#mainMenu").css('background-color',color);
	$("#sloganBottom").css('color',color);
	tempColor = color;
}

function saveWebsiteLook() {
	setCookie("pattern",tempPattern,365,'/');
	setCookie("color",tempColor,365,'/');
	currentPattern = tempPattern;
	currentColor = tempColor;
}

function setCookie(c_name,value,expiredays,path,domain,secure){
	var exdate=new Date();
	exdate.setDate(exdate.getDate()+expiredays);
	var cookie_string = c_name+ "=" +escape(value);
	cookie_string += (expiredays==null) ? "" : ";expires="+exdate.toGMTString();
	if (path) {
        cookie_string += "; path=" + escape ( path );
	}
	if ( domain ) {
        cookie_string += "; domain=" + escape ( domain );
	}
	if ( secure ) {
        cookie_string += "; secure";
	}
	
	document.cookie=cookie_string;
}




function get_cookie ( cookie_name ) {
  var results = document.cookie.match ( '(^|;) ?' + cookie_name + '=([^;]*)(;|$)' );

  if ( results )
    return ( unescape ( results[2] ) );
  else
    return null;
}

function showPicture(path) {
	// Put an animated GIF image insight of content
  $("#imageContainer .content").empty().html('loading');

  // Make AJAX call
  //$("content").load("http://example.com");

  
	$("#imageContainer .content").empty().html('<img src="'+path+'" />');
	$("#imageContainer").show();
	$("#backgroundCover").show();
	
}

function preloadImages(images){
	images = images.split(",");
	for ( var i in images )	{
	    $("#preloadImages").append("<img src='"+images[i]+"' />");
	} 
}

function activateCheckbox(id) {
	
	if (!$("#"+id+" > .jquery-checkbox").length) {
		("#"+id+" > input:radio");
	}
}

function infoPopup(title,text) {
 	$("#popupMessage .titleText h2").empty().text(title);
 	$("#popupMessage .scroll-content-container").empty().html(text);
	popupWindow('popupMessageContentWindow','popupMessage','fast','','200px','350px','353px','320px');
}

function alertResponse(title,text,popupContainer) {
	$("#"+popupContainer).show();
 	$("#"+popupContainer+" .titleText .subtitle").empty();
 	$("#"+popupContainer+" .titleText h2").empty().text(title);
 	$("#"+popupContainer+" .scroll-content").empty().html(text);
 	$("#"+popupContainer).find('.popupButton').hide();
 	$("#"+popupContainer+" .scroll-content").jScrollPane({scrollbarWidth: 4});
}

function saveMailList (formId){
	$.post(MAIN_URL+'modules/mailList/index.php?ajax',$("#"+formId).serialize(),  
         function(data){
            alertResponse(data.title,data.text,'mailListContentWindow');  
         },"json"  
     );
}

function saveQuestion (formId){
	$.post(MAIN_URL+'modules/questions/index.php?ajax',$("#"+formId).serialize(),  
         function(data){
            alertResponse(data.title,data.text,'questionsContentWindow');  
         },"json"  
     );
}

function emailFriend (formId){
	var url = window.location;
	$.post(MAIN_URL+'modules/emailFriend/index.php?ajax&url='+url,$("#"+formId).serialize(),  
         function(data){
            alertResponse(data.title,data.text,'emailFriendContentWindow');  
         },"json"  
     );
}

function moveShip(x,y){
	if (x) {
		$("#brod").css({top:x+'px',left:y+'px'});
	}
	$("#brod").show();
}


function showLeftContent(number) {
	$("#contentLeft .leftItem").hide();
	$("#leftItem_"+number).show();
	$("#contentLeft  .scroll-content").jScrollPane({scrollbarWidth: 4,trackHeight: 72,scrollTrackContainerId: 'contentLeftScrollTrack'});
}

function login (formId){
	$.post(MAIN_URL+'modules/login/login.php?ajax=login',$("#"+formId).serialize(),  
         function(data){
           if (data==1) {
           	$("#loginFormContainer").slideUp();
           	$("#submitFormContainer").slideDown();
           	$("#submitFormContainer input:radio").checkbox();
           	$("#submitFormContainer input:checkbox").checkbox();
           } else {
           		$("#loginFormContainer").html(data);
           }
         } 
     );
}

function loadUndersiteContent(page){
	var page = page.replace(/\|/g,'&');
	var html = returnPageContent(page);
	
	//var html = '<iframe src="'+MAIN_URL+page+'?ajax&language='+LANGUAGE+'" width="100%" height="3000" frameborder="0" onload="setHeight(this)"></iframe>';
	
	
			
	//var html = '<iframe src="'+MAIN_URL+'iframe_index.php?usc='+page+'" width="100%" height="3000" frameborder="0" onload="setHeight(this)"></iframe>';
	
	$("#underSiteMain").append(html);
	$("#underSiteMain").find('input:radio').checkbox();
	$("#underSiteMain").find("input:checkbox").checkbox();
	
	var x = $("#underSiteMain").offset().top - 210; // 100 provides buffer in viewport
    $('html,body').animate({scrollTop: x}, 500);

}

function returnPageContent(page) {
	
	switch (page) {
		case 'evaluation':
		var html = $.ajax({url: MAIN_URL+'scripts/evaluation.php?ajax&language='+LANGUAGE, async: false}).responseText;
		break;
		case 'form-web':
		var html = $.ajax({url: MAIN_URL+'scripts/form_web.php?ajax&version='+form_web_version, async: false}).responseText;
		//var html = '<iframe src="'+MAIN_URL+'scripts/form_web.php?ajax&language='+LANGUAGE+'" width="100%" height="3000" frameborder="0" onload="setHeight(this)"></iframe>';
		break;
		case 'form-design':
		var html = $.ajax({url: MAIN_URL+'scripts/form_design_graphic.php?ajax&version='+form_design_graphic_version, async: false}).responseText;
			html += $.ajax({url: MAIN_URL+'scripts/form_design_space.php?ajax&version='+form_design_space_version, async: false}).responseText;
			html += $.ajax({url: MAIN_URL+'scripts/form_design_software.php?ajax&version='+form_design_software_version, async: false}).responseText;
		break;
		case 'form-design-graphic':
		var html = $.ajax({url: MAIN_URL+'scripts/form_design_graphic.php?ajax&version='+form_design_graphic_version, async: false}).responseText;
		break;
		case 'form-design-space':
		var html = $.ajax({url: MAIN_URL+'scripts/form_design_space.php?ajax&version='+form_design_space_version, async: false}).responseText;
		break;
		case 'form-design-software':
		var html = $.ajax({url: MAIN_URL+'scripts/form_design_software.php?ajax&version='+form_design_software_version, async: false}).responseText;
		break;
		case 'form-offer':
		var html = $.ajax({url: MAIN_URL+'scripts/form_offer.php?ajax', async: false}).responseText;
		break;
		case 'registration-add':
		var html = '<iframe src="'+MAIN_URL+'modules/login/signin.php?ajax&operation=add&language='+LANGUAGE+'" width="100%" height="3000" frameborder="0" onload="setHeight(this)"></iframe>';
		break;
	}
	
	return html;
}

function setHeight(obj){
	var height = obj.contentWindow.document.body.offsetHeight+100 + 'px';
	$(obj).css({'height':height});
}


function form_evaluation(formId) {
	$.post(MAIN_URL+'scripts/evaluation.php?ajax',$("#"+formId).serialize(),  
         function(data){
            $(".iframeContent").html(data);  
         } 
     );
}


function save_forms(formId) {
	$.post(MAIN_URL+'scripts/forms.php?ajax',$("#"+formId).serialize(),  
         function(data){
            //$("#form_web").html(data);  
	        $("#"+formId+" .addVersionButton").show();
		    if ($("#submitFormContainer").length == 0) {
		     	loadSendForm();
		    }
		    var scrollTopValue = $('html').scrollTop() + 400;
				$('html,body').animate({scrollTop: scrollTopValue}, 500);
	        } 
     );
     
}

var form_web_version = 0;
var form_design_graphic_version = 1;
var form_design_software_version = 1;
var form_design_space_version = 1;

function addFormVersion(form_type,obj){
	switch (form_type) {
		case 'form-web':
		form_web_version++;
		break;
		case 'form-design-graphic':
		form_design_graphic_version++;
		break;
		case 'form-design-space':
		form_design_space_version++;
		break;
		case 'form-design-software':
		form_design_software_version++;
		break;
	}

	var html = returnPageContent(form_type);
	//var html = '<iframe src="'+MAIN_URL+'iframe_index.php?usc='+form_type+'&version='+form_version+'" width="100%" height="3000" frameborder="0" onload="setHeight(this)"></iframe>';
	
	/*if ($("#submitFormContainer").length > 0) {
     	$("#submitFormContainer").before(html);
	 } else {
		$("#underSiteMain").append(html);
 	}*/

	
	if (obj!=null) {
		//$(obj).hide('fast');
		$(obj).parent().parent().after(html);
	} else {
		if ($("#submitFormContainer").length > 0) {
	     	$("#submitFormContainer").before(html);
		 } else {
			$("#underSiteMain").append(html);
	 	}
	}
	
	$("#underSiteMain").find('input:radio').checkbox();
	$("#underSiteMain").find("input:checkbox").checkbox();
	var scrollTopValue = $('html').scrollTop() + 80;
	$('html,body').animate({scrollTop: scrollTopValue}, 500);
}

function loadSendForm() {
	var html = $.ajax({url: MAIN_URL+'scripts/form_send.php?ajax', async: false}).responseText;
	$("#underSiteMain").append(html);
	$("#underSiteMain").find('input:radio').checkbox();
	$("#underSiteMain").find("input:checkbox").checkbox();
}

function sendOffer(){
	$.post(MAIN_URL+'scripts/form_send.php?ajax',$("#form_send").serialize(),  
         function(data){
           $("#underSiteMain").empty().html(data);  
         } 
     );
}

function crossbrowser_stopPropagation(e){
if (!e) var e = window.event;
e.cancelBubble = true; //Setting the cancelBubble property in browsers that don’t support it doesn’t hurt. The browser shrugs and creates the property. Of course it doesn’t actually cancel the bubbling, but the assignment itself is safe.
if (e.stopPropagation) e.stopPropagation();
}


function wait(){
	$("#wait").show();
	//$('body').css('cursor','wait');
	return false;
}

function closeWait(){
	$("#wait").hide();
}