document.write('<link href="" rel="stylesheet" type="text/css" id="g_font" /><script src="includes/jquery.cookie.js" type="text/javascript"></script><script src="includes/custom_config.js" type="text/javascript"></script><script src="includes/custom.js" type="text/javascript"></script><link href="includes/custom.css" rel="stylesheet" type="text/css"/><link rel="stylesheet" media="screen" type="text/css" href="includes/colorpicker/colorpicker.css" /><script type="text/javascript" src="includes/colorpicker/colorpicker.js"></script>');

/* mobile */
var isMobile = false;
function isMobile_f() {
    var array_mobileIds = new Array('iphone', 'android', 'ipad', 'ipod');
    var uAgent = navigator.userAgent.toLowerCase();
	
    for (var i=0; i<array_mobileIds.length; i++) {
		if(uAgent.search(array_mobileIds[i]) > -1) {
			isMobile = true;
		}
    }
	if(uAgent.search('ipad') > -1) document.write('<meta name="viewport" content="width=device-width; height=device-height;" />');
	else document.write('<meta name="viewport" content="width=device-width; height=device-height; initial-scale=0.5;" />');
}
isMobile_f();
if(isMobile) {
	document.write('<link href="layout/mobile.css" rel="stylesheet" type="text/css" />');
}
function init_mobile_page_size() {
	var width = (!$('.wrapper').hasClass('special_layout')) ? $('.column_structure').width() + 247 : 800;
	$('body').css({'width' : width + 'px'});
	var height = Math.max($('#header').height(), $('#content').height());
	$('#header, .column_structure .column').height(height);
}

		/* Google fonts with links
		'Allan' : 'http://fonts.googleapis.com/css?family=Allan:700&v2' ,
		'Allerta' : 'http://fonts.googleapis.com/css?family=Allerta&v2' ,
		'Amaranth' : 'http://fonts.googleapis.com/css?family=Amaranth&v2' ,
		'Bangers' : 'http://fonts.googleapis.com/css?family=Bangers&v2' ,
		'Bevan' : 'http://fonts.googleapis.com/css?family=Bevan&v2' ,
		'Bowlby One' : 'http://fonts.googleapis.com/css?family=Bowlby+One&v2' ,
		'Buda' : 'http://fonts.googleapis.com/css?family=Buda:300&v2' ,
		'Candal' : 'http://fonts.googleapis.com/css?family=Candal&v2' ,
		'Cantarell' : 'http://fonts.googleapis.com/css?family=Cantarell&v2' ,
		'Carter One' : 'http://fonts.googleapis.com/css?family=Carter+One&v2' ,
		'Covered By Your Grace' : 'http://fonts.googleapis.com/css?family=Covered+By+Your+Grace&v2' ,
		'Damion' : 'http://fonts.googleapis.com/css?family=Damion&v2' ,
		'Francois One' : 'http://fonts.googleapis.com/css?family=Francois+One&v2' ,
		'Inconsolata' : 'http://fonts.googleapis.com/css?family=Inconsolata&v2' ,
		'Istok Web' : 'http://fonts.googleapis.com/css?family=Istok+Web&v2' ,
		'Kameron' : 'http://fonts.googleapis.com/css?family=Kameron&v2' ,
		'Kreon' : 'http://fonts.googleapis.com/css?family=Kreon&v2' ,
		'Lobster' : 'http://fonts.googleapis.com/css?family=Lobster&v2' ,
		'Lobster Two' : 'http://fonts.googleapis.com/css?family=Lobster+Two&v2' ,
		'Lora' : 'http://fonts.googleapis.com/css?family=Lora&v2' ,
		'Maiden Orange' : 'http://fonts.googleapis.com/css?family=Maiden+Orange&v2' ,
		'Mako' : 'http://fonts.googleapis.com/css?family=Mako&v2' ,
		'Maven Pro' : 'http://fonts.googleapis.com/css?family=Maven+Pro&v2' ,
		'Metrophobic' : 'http://fonts.googleapis.com/css?family=Metrophobic&v2' ,
		'Muli' : 'http://fonts.googleapis.com/css?family=Muli&v2' ,
		'Nunito' : 'http://fonts.googleapis.com/css?family=Nunito&v2' ,
		'Open Sans Condensed' : 'http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&v2' ,
		'Oswald' : 'http://fonts.googleapis.com/css?family=Oswald&v2' ,
		'Pacifico' : 'http://fonts.googleapis.com/css?family=Pacifico&v2' ,
		'Paytone One' : 'http://fonts.googleapis.com/css?family=Paytone+One&v2' ,
		'Playfair Display' : 'http://fonts.googleapis.com/css?family=Playfair+Display&v2' ,
		'PT Serif Caption' : 'http://fonts.googleapis.com/css?family=PT+Serif+Caption&v2' ,
		'Quattrocento' : 'http://fonts.googleapis.com/css?family=Quattrocento&v2' ,
		'Raleway' : 'http://fonts.googleapis.com/css?family=Raleway:100&v2' ,
		'Rokkitt' : 'http://fonts.googleapis.com/css?family=Rokkitt&v2' ,
		'Shanti' : 'http://fonts.googleapis.com/css?family=Shanti&v2' ,
		'Tangerine' : 'http://fonts.googleapis.com/css?family=Tangerine&v2' ,
		'Ubuntu' : 'http://fonts.googleapis.com/css?family=Ubuntu:300&v2' ,
		'Varela Round' : 'http://fonts.googleapis.com/css?family=Varela+Round&v2' ,
		'Yanone Kaffeesatz' : 'http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz&v2'
		*/
		
		//input in href attribute link for google font, you have chosen (e.g. document.write('<link href="http://fonts.googleapis.com/css?family=Metrophobic&v2" rel="stylesheet" type="text/css" />'); for Metrophobic font)
		document.write('<link href="" rel="stylesheet" type="text/css" />');


function init_content_width() {
	var width = 0;
	
	$('.column_structure .column').each(function() {
		width += $(this).outerWidth();
		width += parseInt($(this).css('margin-left'));
	});
	
	$('.column_structure').css({'width' : width + 'px'});
}

function content_drag() {
	if(!isMobile) {
		var left_space = 247;
		var arrow_speed = 40;
		var new_left = 0;
		
		var width_parent = $('#content').width();
		var width_child = $('.column_structure').width();
		
		var height_parent = $('#header').height();
		var height_child = $('#header .inner').height();
		
		var delta = width_parent - width_child + left_space;
		if(delta > left_space) delta = left_space;
		$('.column_structure').draggable({
			cancel : 'a, abbr, acronym, b, big, blockquote, br, button, cite, code, del, dfn, em, font, h1, h2, h3, h4, h5, h6, i, img, input, ins, label, map, q, p, s, select, small, span, strong, sub, sup, textarea, u',
			axis : 'x',
			containment : [delta, 0, left_space, 0]
		});
		
		var delta_vert = height_parent - height_child;
		if(delta_vert > 0) delta_vert = 0;
		$('#header .inner').draggable({
			cancel : 'a, abbr, acronym, b, big, blockquote, br, button, cite, code, del, dfn, em, font, h1, h2, h3, h4, h5, h6, i, img, input, ins, label, map, q, p, s, select, small, span, strong, sub, sup, textarea, u',
			axis : 'y',
			containment : [0, delta_vert, 0, 0]
		});
		
		//keyboard control
		$(document).unbind('keydown');
		$(document).bind('keydown', function(e) {
			switch(e.which) {
				case 39 : //right
					if($('.column_structure').offset().left - arrow_speed > delta) {
						new_left = $('.column_structure').offset().left - arrow_speed;
					}
					else {
						new_left = delta;
					}
					$('.column_structure').offset({left : new_left});
				break;
				
				case 37 : //left
					if($('.column_structure').offset().left + arrow_speed < left_space) {
						new_left = $('.column_structure').offset().left + arrow_speed;
					}
					else {
						new_left = left_space;
					}
					$('.column_structure').offset({left : new_left});
				break;
				
				default :
				break;
			}
		});
		
	}
}


function init_fields() {
	$('.w_def_text').each(function() {
		var text = $(this).attr('title');
		
		if($(this).val() == '') {
			$(this).val(text);
		}
	});
	
	$('.w_def_text').live('click', function() {
		var text = $(this).attr('title');
		
		if($(this).val() == text) {
			$(this).val('');
		}
		
		$(this).focus();
	});
	
	$('.w_def_text').live('blur', function() {
		var text = $(this).attr('title');
		
		if($(this).val() == '') {
			$(this).val(text);
		}
	});
}


function init_scrollbar(update) {
	if(!isMobile) {
		var column = $('.column_structure .column');
		
		if(!update) column.append('<div class="scrollbar"><div class="track"><div class="thumb"></div></div></div>');
		column.each(function() {
			var m_top = parseInt($(this).find('.inner').css('margin-top'));
			var c_height = $(this).height();
			$(this).find('.inner').css({'height' : c_height - m_top - 60 + 'px'})
			
			if(!update) {
				var content_width = $(this).find('.content').width();
				$(this).find('.inner').css({'width' : content_width + 'px'}).addClass('viewport');
				$(this).find('.content').addClass('overview');
				$(this).tinyscrollbar({
					sizethumb : 100
				});
			}
			else {
				$(this).tinyscrollbar_update('relative');
			}
		});
	}
}


function init_main_menu() {
	$('#main_menu > ul > li > a').live('click', function() {
		$('#main_menu > ul > li').not($(this).parent()).removeClass('expanded');
		$(this).parent().toggleClass('expanded');
	});
}

function init_gallery() {
	$('.block_gallery .nav-controls a').each(function() {
		var text = $(this).html();
		$(this).html('<span>' + text + '</span>');
	});
}

$(document).ready(function() {
	init_content_width();
	content_drag();
	init_fields();
	init_main_menu();
	init_gallery();
});

$(window).load(function() {
	init_scrollbar(false);
	if(isMobile) {
		init_mobile_page_size();
	}
});

$(window).resize(function() {
	content_drag();
	init_scrollbar(true);
});