var content_url = 'http://juno.itiden.se/zooma/husqvarna/huskylock_admin/get_content.php';
	var rate_url = 'http://juno.itiden.se/zooma/husqvarna/huskylock_admin/rate.php';
	var save_url = 'http://juno.itiden.se/zooma/husqvarna/huskylock_admin/save.php';

	$(document).ready(function() {
		
		var isOldIE = false;
								
		if ($('#intro_flash').length) {
			swfobject.embedSWF(assets + "/flash/intro.swf", "intro_flash", "600", "450", "9.0.0", "", introvars, { wmode: 'transparent' });		
		}
		
		if ($('#serging_video').length) {
			swfobject.embedSWF(assets + "/flash/project_video.swf", "serging_video", "214", "440", "9.0.0", "", sergingvars, { wmode: 'transparent' });
		}
		
		$('a.popup').click(function() {
			
    var width = 560;
    var height = 800;
    var left = parseInt((screen.availWidth/2) - (width/2));
    var top = parseInt((screen.availHeight/2) - (height/2));			
			
			window.open(baseUrl + "submission-agreement",
                  "submission_agreement",
                  "resizable=no,scrollbars=yes,status=yes,width=" + width + ",height=" + height + ",left=" + left + ",top=" + top);			
		});
		
		if ($.browser.msie && parseInt($.browser.version) >= 6) {
			isOldIE = true;
			//$('#container, #outer_container').supersleight();
			$('#container, #outer_container').pngFix();
		}
		
		if ($("#share_btn").length) {	
			addthis.button("#share_btn");			
			$('#share_btn').click(function() {
				return false;
			});					
		}			
		
		if ($('#tip_list').length) {
	
			var order = $(document).getUrlParam('order') || 'date';
			var active_page = $(document).getUrlParam('page') || '1';
			var active_tip_id = $(document).getUrlParam('tip_id');
			var show_all = $(document).getUrlParam('show_all') || '1';
			
			if (order == 'rating') {
				$('#tip_list div.rating').addClass('active');
			} else {
				$('#tip_list div.latest').addClass('active');
			}
			
			$.toggleShowAll = function($link) {
				//PNG-fix doesn't work if height gets set to auto, resize container instead	
				//$list = (isOldIE) ? $('#tip_list_container') : $('#tip_list');			
				$list = $('#tip_list');
				if ($link.hasClass('show_all')) {
					$link.text('Show tips on several pages');
					$list.css('height', 'auto').find('div.page').show();															
				} else {
					$link.text('Show all tips');
					$list.css('height', 'auto').find('div.page').hide().filter('#page_' + active_page).show();	
				}
				$link.toggleClass('show_all');
				$('#tip_nav ul').toggle();				
			};			
			
			var curr_tip = {};	
			
			$.getJSON(content_url + '?market=' + site_market + '&order=' + order + '&jsoncallback=?', function(data, status) {
				var base_url = data.baseMediaUrl;
				var num_pages = data.numOfPages;

				var $root = $('#tip_list');
				var pages = data.pages;	
				

				$.each(pages, function(i, page) {
													
					var tips = page.tips;
					if (tips.length == 0) return true;

					var $page_root = $.create('div', {'id': 'page_'+page.page, 'class': 'page'});
								
					$.each(tips, function(j, tip) {
						
						if (active_tip_id == null) {
							if (i+1 == active_page && j == 0) {
									curr_tip = tip;															
							}
						} else {
							if (tip.id.toString() == active_tip_id) {
								curr_tip = tip;
							}
						}

						var voted = (tip.canVote) ? 'vote' : 'voted';																	
						
						var thumb_file = '';
						if (tip.thumbnail.length > 0) {
							thumb_file = base_url + tip.thumbnail;
						} else {
							thumb_file = assets + '/images/text_tip_icon.gif';
						}
						
						var els = [];												
						els.push($.create('h4', {}, tip.headline));
						els.push($.create('p', {}, 'By: ' + tip.submittedBy));												
						els.push($.create('span', {'class': voted}, tip.rating));						
						
						var $info = $.create('div', {'class': 'info'}, els);
												
						els = [];						
						els.push($.create('img', {'src': thumb_file,
																 			'alt': ''}));						
						els.push($info);						
						
						var active = (curr_tip.id == tip.id) ? ' current_tip' : '';
						
						var $tip = $.create('div', {'class': 'tip clearfix' + active, 'id': 'tip_' + tip.id}, els);
						$tip.click(function() {			
							var url = $.createUrl({'tip_id': tip.id, 'page': active_page, 'order': order});				
							window.location = url;
						}).hover(function() {
							if (!$(this).hasClass('current_tip')) {
								Cufon.replace($(this).find('h4'), {color: '#000'});
							}
						}, function() {
							if (!$(this).hasClass('current_tip')) {
								Cufon.replace($(this).find('h4'), {color: '#444'});
							}
						});				
						$tip.appendTo($page_root);
																 			
					});
					
					$page_root.appendTo($root);

				});
				
				$('#tip_list_container').show().find('#page_' + active_page).show();
								
				if (num_pages > 1) {
					
					$('#tip_nav').pager({'page_num': active_page, 'page_count': num_pages, 'max_nav': 4,
															'offset': 1, 'callback': function(page) {
																$('#tip_list div.page').hide().filter('#page_' + page).show();
																active_page = page;
																/*$nav = $("#tip_nav");
																$("#tip_list").after($nav.clone(true));
																$nav.remove();*/
															}
														});
					var switch_to = (show_all == '1') ? 0 : 1;
					var show_all_url = $.createUrl({'order': order, 'show_all': switch_to});
					var $show_all = $.create('a', {'href': show_all_url, 'class': 'show_all'}, 'Show all tips');
					$show_all.click(function() {
						$.toggleShowAll($(this));
						return false;
					});
								
					$show_all.prependTo($('#tip_nav'));
				}
																			
				$root = $('#tip_content');
				
				if (curr_tip.filename.length > 0) {
					
					var $media_root = $.create('div', {'class': 'media', 'id': 'media'});
				
					$media_root.appendTo($root);	
					
					if (curr_tip.type == 'image') {
						var $image = $.create('img', {'src': base_url + curr_tip.filename, 'alt': ''});
						$image.appendTo($media_root);												
					} else if(curr_tip.type == 'video') {		
						$media_root.css({'width': '300px', 'height': '267px', 'background': '#f1f1f1'});
						var $no_flash_msg = $.create('h5', {'class': 'no_flash'}, 'Flash is required to play this video. You can download it ');
						var $flash_link = $.create('a', {'href': 'http://get.adobe.com/flashplayer/'}, 'here.');
						$no_flash_msg.append($flash_link);
						$no_flash_msg.appendTo($media_root);						
						var flashvars = {source: base_url + curr_tip.filename, skin: assets + "/flash/SkinUnderPlayStopSeekFullVol.swf"};
						flashvars.subtitles = base_url + "../subtitles/" + curr_tip.subtitle;
						var params = {allowFullscreen:true,wmode:'transparent'};
						
						swfobject.embedSWF(assets + "/flash/videoplayer.swf", "media", "300", "267", "9.0.0", "", flashvars, params);						
					}
				}
												
				var els = [];
				els.push($.create('h2', {}, curr_tip.headline));
				els.push($.create('span', {'class': 'submitted_by'}, 'By: ' + curr_tip.submittedBy));
				els.push($(curr_tip.text));									
				
				var $text_root = $.create('div', {'class': 'text'}, els);										
				$text_root.appendTo($root);
				
				els = [];
												
				var $like_this = $.create('span', {'class': 'like'});
				var $like_txt = $.create('p', {}, 'I like this: ');
				$like_txt.appendTo($like_this);
				
				voted = (curr_tip.canVote) ? 'vote' : 'voted';
				var $vote_btn = $.create('img', {'src': assets + '/images/thumbs_up_icon_' + voted + '.gif'});
				
				if (voted == 'vote') {
					$vote_btn.click(function() {
						var $vote = $(this);
						$.ajax({
							type: "GET",
							url: rate_url,
							data: {'id': curr_tip.id},
							dataType: "jsonp",
							success: function(num_votes) {
								$vote.attr('src', assets + '/images/thumbs_up_icon_voted.gif');				
								$('#tip_' + curr_tip.id + ' span.vote').text(num_votes.toString());
								$vote.unbind();						   	
							}
						});						
						return false;
					}).hover(function() {
						$(this).attr('src', assets + '/images/thumbs_up_icon_voted.gif');
					}, function() {
						$(this).attr('src', assets + '/images/thumbs_up_icon_vote.gif');
					});
				}

				$vote_btn.appendTo($like_this);
				
				els.push($like_this);
				
				var $share_this = $.create('span', {'class': 'share'});
				var $share_txt = $.create('p', {}, 'Share this: ');
				$share_txt.appendTo($share_this);
				$share_btn = $.create('a', {'id': 'share_btn'});
				$share_img = $.create('img', {'src': assets + '/images/addthis_icon.gif', 'alt': ''});
				
				$share_img.appendTo($share_btn);
				$share_btn.appendTo($share_this);
				
				els.push($share_this);
								
				$tip_ctrl = $.create('div', {'class': 'tip_ctrl'}, els);			
				$tip_ctrl.appendTo($root);
											
				Cufon.refresh(['h1', 'h2', 'h3', 'h4']);
				if ($('#share_btn').length) {
					addthis.button("#share_btn");	
				}
				
			});
			
			$('#list_tip_page a.submit_btn').hover(function() {
				$(this).find('img').attr('src', assets + '/images/submit_tip_btn_hover.gif');
			}, function() {
				$(this).find('img').attr('src', assets + '/images/submit_tip_btn.gif');
			});

		}
		
		if ($('#submit_tip_page').length) {
			
			var button = document.getElementById('swfupload_btn');
			if(button != null)
			{
				var swfu = new SWFUpload({
						// Backend settings
						upload_url: save_url,
						file_post_name: "tip_file",
	                 
						// Flash file settings
						file_size_limit : "82 MB",
						file_types : "*.3g2;*.3gp;*.asf;*.avi;*.flv;*.mkv;*.mov;*.mp4;*.mpg;*.qt;*.vob;*.wmv;*.bmp;*.gif;*.jpg;*.jpeg",
						file_types_description : "Videos & Photo",
						file_upload_limit : "0",
						file_queue_limit : "1",
		
						// Event handler settings
						file_dialog_start_handler: swfUploadHandlers.fileDialogStart,
						file_queued_handler : swfUploadHandlers.fileQueued,
						file_queue_error_handler : swfUploadHandlers.fileQueueError,
						
						upload_progress_handler : swfUploadHandlers.uploadProgress,
						upload_error_handler : swfUploadHandlers.uploadError,
						upload_success_handler : swfUploadHandlers.uploadSuccess,
						upload_complete_handler : swfUploadHandlers.uploadComplete,
		
						// Button Settings
						button_image_url : assets + "/images/upload_btn.png",
						button_placeholder_id : "swfupload_btn",
						button_width: 135,
						button_height: 36,
						button_cursor : SWFUpload.CURSOR.HAND, 
						
						// Flash Settings
						flash_url : assets + "/flash/swfupload.swf",
		
						custom_settings : {
							progress_target : "fsUploadProgress",
							upload_successful : false
						},
										
						debug: false
				});
								
				$('#submit_tip_page input.cancel_btn').hover(function() {			
					$(this).attr('src', assets + '/images/form_cancel_hover_btn.gif');			
				}, function() {			
					$(this).attr('src', assets + '/images/form_cancel_btn.gif');			
				}).click(function() {
					document.location = baseUrl + 'intro/';
					return false;
				});
				
				$('#submit_tip_page input.submit_btn').hover(function() {
					$(this).attr('src', assets + '/images/form_submit_hover_btn.gif');
				}, function() {
					$(this).attr('src', assets + '/images/form_submit_btn.gif');
				}).click(function(e) {
					
					var submit = true;			
					
					$('form label').css('color', '#000');
					var $input_fields = $('form input[type=text], form textarea');
					var $checkbox = $('form div.checkbox input');
					
					$input_fields.each(function(i) {								
						if ($(this).val().length == 0) {
							var lbl_for = $(this).attr('id');
							if(lbl_for != 'tip_filename')
							{
								$('form label[for='+lbl_for+']').css('color', 'red');
								submit = false;
							}
						}
					});
					
					if (!$checkbox.is(':checked')) {
						var lbl_for = $checkbox.attr('id');
						$('form label[for='+lbl_for+']').css('color', 'red');
						submit = false;
					}
					
					if (submit == false) {
						
						$('div.error_text').show().css('visibility', 'visible');
						/*
						$image = $("#submit_tip_page .left .sewing_img img");
						$('div.sewing_img').append($image.clone(true));
						$image.remove();
						*/
					} else {
						if($('#tip_filename').val() != "")
						{
							if (e.stopPropagation) {
								e.stopPropagation();
							}
							e.cancelBubble = true;
							
							try {
								swfu.startUpload();
							} catch (ex) {
						
							}				
						}
						else
						{
							return true;
						}
					}
					
					return false;
				});
			}
			$('#ok_btn').hover(function() {
				$(this).attr('src', assets + '/images/ok_hover_btn.gif');			
			}, function() {			
				$(this).attr('src', assets + '/images/ok_btn.gif');		
			});
			
		}
			
	});

	Cufon.replace(['h1', 'h2', 'h3', 'h4']);
			
	function gotoUrl(url) {
		document.location = url;
	}
	
	var addthis_config = {
		ui_click: true,
		services_exclude: 'print, more',
		username: 'xa-4a3f3c3254fc12eb',
		data_use_flash: false
	}
	
	$.createUrl = function(params) {

		var url = document.URL;
		if (url.indexOf('?') != -1) {
			url = url.substr(0, url.indexOf('?'));			
		}
		
		if (typeof params === 'undefined' 
								|| typeof params !== 'object') return url;
		
		var i = 0;
		$.each(params, function(key, val) {
			url += (i == 0) ? '?' : '&';
			url += key.toString() + '=' + val.toString();
			i++;
		});
									
		return url;
	};