var baseUrl = 'http://www.patrikisaksson.se/';	
	var stillsUrl = baseUrl + 'image/imgplayer/pics';	
	var g_fac = null;
	var g_main = null;
	var g_bsp = null;
	var leftMargin = 0;
	var musicPlayerVisible = false;
	
	function page_initiate()
	{			
		g_fac = new js_factory();			
		g_main = new js_mainFunctions();
		g_bsp = new js_browserSpecifics();

		generateDynamicContent(pageName);
	}
	
	function generateDynamicContent(page)
	{

		var topCont = g_main.domExists('main_menu');

		if(g_main.isDefinedNOF(topCont))
		{
			var menu = [];
			menu[0] = {"name":"index", "sv":"Nyheter","en": "News", "link": "index.html"};
			menu[1] = {"name":"gigs", "sv":"Spelningar","en": "Gigs", "link": "gigs.html"};
			menu[2] = {"name":"music", "sv":"Musik","en": "Music", "link": "music.html"};
			menu[3] = {"name":"images", "sv":"Bilder","en": "Images", "link": "images.html"};
			menu[4] = {"name":"discography", "sv":"Diskografi","en": "Press", "link": "discography.html"};
			menu[5] = {"name":"biography", "sv":"Biografi","en": "Biography", "link": "biography.html"};			
			menu[6] = {"name":"contact", "sv":"Kontakt","en": "Contact", "link": "contact.html"};						
			
			topCont.innerHTML = generateTopContent(menu, page);
		}
		
		var leftHandCont = g_main.domExists('lefthand_content_div');
		if(g_main.isDefinedNOF(leftHandCont))
		{
		leftHandCont.innerHTML = generateLeftHandContent(page);
		genTwitterBulk();
		}

	}
	
	function generateTopContent(menu, page)
	{
		var sb = new js_stringBuffer();
			sb.append(generateMenu(menu, page));
		return sb.toString();
	}
	
	function generateMenu(menu, page)
	{
		var sb = new js_stringBuffer();
		var curr = null;
		var className = "mainMenuLink";
			
			for(i = 0; i < menu.length; i++)
			{
				curr = menu[i];
				
				if(curr.name == page)
				{
				className = "mainMenuLinkSelected";
				}
				else
				{
				className = "mainMenuLink";
				}
				
				sb.append('<a class="' + className + '" href="' + curr.link + '" target="_self">' + curr.sv + '</a>');
			}
		
		return sb.toString();
	}
	
	function generateLeftHandContent(page)
	{


		var sb = new js_stringBuffer();

		sb.append('<table cellpadding="0" cellspacing="0" align="right" style="width: 357px;">');
		sb.append('<tr>');
		sb.append('<td style="height: 360px;">');
		
		sb.append('</td>');
		sb.append('</tr>');
		sb.append('<tr>');
		sb.append('<td style="text-align: right; vertical-align: top; height: 280px;">');

			
		sb.append('</td>');
		sb.append('</tr>');		
		sb.append('<tr>');
		sb.append('<td style="height: 340px; vertical-align: bottom;">');		
			
			sb.append('<table style="width: 300px; margin-left: 5px;">');
			sb.append('<tr>');
			sb.append('<td align="right" style="height: 40px;">');
			
				sb.append('<a class="leftHandContentLink" target="_blank" href="http://itunes.apple.com/se/artist/patrik-isaksson/id68208902?ign-mpt=uo%3D4">');
				sb.append('<img src="image/icon/itunes.png" border="0" />');
				sb.append('</a>');
				
			sb.append('</td>');
			sb.append('<td style="padding-left: 10px; vertical-align: middle; height: 40px;">');
			
				sb.append('<a class="leftHandContentLink" target="_blank" href="http://itunes.apple.com/se/artist/patrik-isaksson/id68208902?ign-mpt=uo%3D4">');
				sb.append('Patrik på iTunes');
				sb.append('</a>');
				
			sb.append('</td>');							
			sb.append('</tr>');
			sb.append('<tr>');
			sb.append('<td align="right" style="height: 40px;">');
			
				sb.append('<a class="leftHandContentLink" target="_blank" href="http://open.spotify.com/artist/79XSzUC0yAPPoxiuss55qC">');
				sb.append('<img src="image/icon/spotify.png" border="0" />');
				sb.append('</a>');
				
			sb.append('</td>');
			sb.append('<td style="padding-left: 10px; vertical-align: middle; height: 40px;">');
			
				sb.append('<a class="leftHandContentLink" target="_blank" href="http://open.spotify.com/artist/79XSzUC0yAPPoxiuss55qC">');
				sb.append('Patrik på Spotify');
				sb.append('</a>');
				
			sb.append('</td>');			
			sb.append('</tr>');
			sb.append('<tr>');
			sb.append('<td align="right" style="height: 40px;">');
			
				sb.append('<a class="leftHandContentLink" target="_blank" href="http://www.youtube.com/artist?a=GxdCwVVULXd9yx_InwuHTKSuXRcsqaky&feature=artistob">');
				sb.append('<img src="image/icon/youtube.png" border="0" />');
				sb.append('</a>');
				
			sb.append('</td>');
			sb.append('<td style="padding-left: 10px; vertical-align: middle; height: 40px;">');
			
				sb.append('<a class="leftHandContentLink" target="_blank" href="http://www.youtube.com/artist?a=GxdCwVVULXd9yx_InwuHTKSuXRcsqaky&feature=artistob">');
				sb.append('Patrik på YouTube');
				sb.append('</a>');
				
			sb.append('</td>');			
			sb.append('</tr>');
			sb.append('<tr>');
			sb.append('<td align="right" style="height: 40px;">');
			
				sb.append('<a class="leftHandContentLink" target="_blank" href="http://cdon.se/musik/isaksson_patrik/6-14200680">');
				sb.append('<img src="image/icon/cdon.png" border="0" />');
				sb.append('</a>');
				
			sb.append('</td>');
			sb.append('<td style="padding-left: 10px; vertical-align: middle; height: 40px;">');
			
				sb.append('<a class="leftHandContentLink" target="_blank" href="http://cdon.se/musik/isaksson_patrik/6-14200680">');
				sb.append('Patrik på CDON.com');
				sb.append('</a>');
				
			sb.append('</td>');			
			sb.append('</tr>');
			sb.append('<tr>');
			sb.append('<td align="right" style="height: 40px;">');
			
				sb.append('<a class="leftHandContentLink" target="_blank" href="http://www.ginza.se/Product/Product.aspx?Identifier=12532">');
				sb.append('<img src="image/icon/ginza.png" border="0" />');
				sb.append('</a>');
				
			sb.append('</td>');
			sb.append('<td style="padding-left: 10px; vertical-align: middle; height: 40px;">');
			
				sb.append('<a class="leftHandContentLink" target="_blank" href="http://www.ginza.se/Product/Product.aspx?Identifier=12532">');
				sb.append('Patrik på GINZA');
				sb.append('</a>');
				
			sb.append('</td>');			
			sb.append('</tr>');			
			sb.append('<tr>');
			sb.append('<td align="right" style="height: 40px;">');
			
				sb.append('<a class="leftHandContentLink" target="_blank" href="http://www.facebook.com/patrikisaksson.se?ref=ts">');
				sb.append('<img src="image/icon/facebook.png" border="0" />');
				sb.append('</a>');
				
			sb.append('</td>');
			sb.append('<td style="padding-left: 10px; vertical-align: middle; height: 40px;">');
			
				sb.append('<a class="leftHandContentLink" target="_blank" href="http://www.facebook.com/patrikisaksson.se?ref=ts">');
				sb.append('Patrik på FaceBook');
				sb.append('</a>');
				
			sb.append('</td>');			
			sb.append('</tr>');
			sb.append('</table>');									

		sb.append('</td>');			
		sb.append('</tr>');
		sb.append('<tr>');
		sb.append('<td style="height: 400px; vertical-align: top; padding-top: 10px;">');
			sb.append('<a href="http://twitter.com" target="_blank">');
			sb.append('<img src="image/icon/icon_twitter.jpg" style="margin-left: 4px;" border="0" />');
			sb.append('</a>');
			sb.append('<div class="twitterouter">')
			sb.append('<div id="twitterbulk" style="padding-left: 4px; padding-right: 6px;margin-left: 10px; margin-right: 10px; margin-top: -10px;margin-bottom: -12px;"></div>');
			sb.append('</div>');
			sb.append('<img src="image/icon/icon_twitter_bottom.jpg" style="margin-left: 4px;" />');			

			sb.append('<div style="padding: 5px; padding-left: 15px;">');
			sb.append('All rights reserved &copy; Patrik Isaksson');	
			sb.append('</div>');
			
		sb.append('</td>');
		sb.append('</tr>');		
		sb.append('</table>');	
													
			
		return sb.toString();
		
	}

	function displayMusicPlayer(forced, initplayer)
	{

		if(forced != null)
		{
		musicPlayerVisible = forced;
		}
		else
		{
			
			if(musicPlayerVisible == true)
			{
			musicPlayerVisible = false;
			}
			else
			{
			musicPlayerVisible = true;
			}
			
		}
		
		var mCMain = g_main.domExists('musicplayercontmain');
		var mC = g_main.domExists('musicPlayer');
		if(musicPlayerVisible == true)
		{
			mC.style.visibility = 'visible';
			mC.style.position = 'relative';
			mC.style.marginLeft = '0px';
			mC.style.width = '500px';
			mC.style.height = '250px';
			
			mCMain.style.width = '';
		}
		else
		{
			g_main.killDom('playerembed');
			var songRef = g_main.domExists('songonplay');
					
			mC.style.visibility = 'hidden';
			mC.style.position = 'absolute';
			mC.style.width = '0px';
			mC.style.height = '0px';
			mCMain.style.width = '50px';	
		}
	
		if(initplayer == true)
		{
			getPlayer('',false,'','false');
		}
	}
	
	function getPlayer(url, printIm, songname, autoplay)
	{

		var sb = new js_stringBuffer();
		
			sb.append('<div id="playerItemIsPlayingCont" class="isnowplaying">');		
				sb.append('<div id="songonplay" class="songonplay">');
				
				if(url != '')
				{
					if(autoplay == true)
					{
					sb.append('Spelas nu: ' + songname);
					}
					else
					{
					sb.append('Klicka på startknappen för att spela ' + songname);
					}
				}
				else
				{
				sb.append('Välj låt ovan!');
				}
				 
				sb.append('</div>');
			sb.append('</div>');		
		
			sb.append('<div class="isnowplaying" style="">');		
			
			if(g_bsp.userAgent == 'Chrome')
			{
				if(url != '')
				{
				sb.append('<video controls="" autoplay="' + autoplay + '" style="height: 50px; width: 500px; margin: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0;" name="media" src="' + url + '"></video>');
				}
			}			
			else
			{
				sb.append('<object height="22px" ');
				sb.append('classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" ');
				sb.append('codebase="http://www.apple.com/qtactivex/qtplugin.cab"> ');
				sb.append('<param name="src" value="' + url + '"> ');
				sb.append('<param name="autoplay" value="false"> ');
				sb.append('<param name="controller" value="true"> ');
				
				if(url != '')
				{
				sb.append('<embed id="playerembed" src="' + url + '" height="18px"');
				sb.append('autoplay="' + autoplay + '" controller="true" bgcolor="white" ');
				sb.append('pluginspage="http://www.apple.com/quicktime/download/"> ');
				sb.append('</embed>');
				}
			}
			sb.append('</object>');
			
			sb.append('</div>');		

		if(printIm == true)
		{
			var cont = g_main.domExists('playerItemCont');
			if(cont)
			{
				cont.innerHTML = sb.toString();
			}
		}
		else
		{					
		return sb.toString();
		}
		
	}

	
	function getImagePlayer(index)
	{		
		g_selectedStill = index;
		var body = document.body;
		var width = g_bsp.getClientDimension_scrollWidth();
		var height = g_bsp.getClientDimension_scrollHeight();
		
		var div = document.createElement("DIV");
		div.id = 'imageVideoPlayer';
		div.style.position = 'fixed';
		div.style.height = height + 'px';
		div.style.width = width + 'px';
		div.style.backgroundColor = '#ffffff';
		div.style.top = '0px';
		div.style.left = '0px';
		div.style.zIndex = '100';
		
		body.appendChild(div);
		g_bsp.getStyleOpacity(div, 40);
		
		var divCont = document.createElement("DIV");
		divCont.id = 'imageVideoPlayerContent';
		divCont.style.position = 'fixed';
		divCont.style.height = height + 'px';
		divCont.style.width = width + 'px';
		divCont.style.top = '0px';
		divCont.style.left = '0px';
		divCont.style.zIndex = '200';		
		
		body.appendChild(divCont);
		
		var sb = new js_stringBuffer();
		sb.append('<table style="height: ' + height + 'px; width: ' + width + 'px;">');
		sb.append('<tr>');
		sb.append('<td valign="top">');

				sb.append('<table cellpadding="0" cellspacing="0" border="0" align="center" style="margin-top: 50px;">');
				sb.append('<tr>');
				sb.append('<td style="width: 5px; height: 5px; background-image: url(\'' + baseUrl + 'image/imgplayer/bg/topleft.png\');">');
				
				sb.append('</td>');
				sb.append('<td style="height: 5px; background-image: url(\'' + baseUrl + 'image/imgplayer/bg/topcenter.png\');">');
				
				sb.append('</td>')
				sb.append('<td style="width: 5px; height: 5px; background-image: url(\'' + baseUrl + 'image/imgplayer/bg/topright.png\');">');
				
				sb.append('</td>')		
				sb.append('</tr>');		
				sb.append('<tr>');
				sb.append('<td style="width: 5px;background-image: url(\'' + baseUrl + 'image/imgplayer/bg/centerleft.png\');">');
				
				sb.append('</td>');
				sb.append('<td style="background-image: url(\'' + baseUrl + 'image/imgplayer/bg/centercenter.png\');">');
									
				
					sb.append('<table cellpadding="0" cellspacing="0" border="0" style="width: 800px; margin-top: 10px;" valign="top" align="center">');
					sb.append('<tr>');
					sb.append('<td style="vertical-align: top;">');
		
		
							sb.append('<table cellpadding="0" cellspacing="0" border="0" style="height: 32px;" valign="top" align="center">');
							sb.append('<tr>');
							sb.append('<td style="vertical-align: top;text-align: center;">');
								
								sb.append('<a class="closeImgPlayerLink" href="' + g_stills[index].Url + '" target="_blank"/>Öppna bild i eget fönster</a><span class="closeImgPlayerLink"> | </span>');
								sb.append('<a class="closeImgPlayerLink" href="javascript:killImagePlayer(-1)">Stäng bildvisaren</a>');								
																
								sb.append('<table cellpadding="0" cellspacing="0" border="0" style="height: 32px;margin-top: 7px;" valign="top" align="center">');
								sb.append('<tr>');						
								sb.append('<td id="imgcounter" colspan="2" style="height: 16px; color: gray; font-size: 105%; font-family:arial; vertical-align: top; text-align: center;">');
			
									sb.append((index + 1) + ' av ' + g_stills.length);
											
								sb.append('</td>');	
								sb.append('</tr>');									
								sb.append('<tr>');
								sb.append('<td style="height: 16px; text-align: center;padding-right: 1px;">');
		
									sb.append('<a class="" href="javascript:imagePlayerHandler(-1)"><img src="' + baseUrl + 'image/imgplayer/icon_back.png" border="0" title="Föregående bild"/></a>');
		
								sb.append('</td>');	
								sb.append('<td style="height: 16px; text-align: center;padding-left: 1px;">');
		
									sb.append('<a class="" href="javascript:imagePlayerHandler(1)"><img src="' + baseUrl + 'image/imgplayer/icon_forw.png" border="0"  title="Nästa bild"/></a>');				
			
								sb.append('</td>');	
								/*
								sb.append('<td style="height: 16px; text-align: center;padding-right: 10px;">');
		
									sb.append('<a class="" href="javascript:killImagePlayer(-1)"><img src="' + baseUrl + 'image/imgplayer/icon_close.png" border="0" /></a>');								
			
								sb.append('</td>');													*/
								sb.append('</tr>');			
								sb.append('</table>');
								

								
							sb.append('</td>');						
							sb.append('</tr>');			
							sb.append('</table>');
										
					sb.append('</td>');	
					sb.append('</tr>');				
					sb.append('<tr>');		
					sb.append('<td style="vertical-align: top; height: 480px; text-align: center;" id="imagePlayerDisplay">');
						sb.append('<img id="stillsImg" src="' + g_stills[index].Url + '" /><br />');
					//	sb.append('<a href="' + g_stills[index].Url + '" target="_blank"/>Visa i eget fönster</a>');
					sb.append('</td>');
					sb.append('</tr>');					
					sb.append('</table>');
			
				
				
			sb.append('</td>')
			sb.append('<td style="width: 5px;background-image: url(\'' + baseUrl + 'image/imgplayer/bg/centerright.png\');">');
			
			sb.append('</td>')		
			sb.append('</tr>');		
			sb.append('<tr>');
			sb.append('<td style="width: 5px; height: 5px; background-image: url(\'' + baseUrl + 'image/imgplayer/bg/bottomleft.png\');">');
			
			sb.append('</td>');
			sb.append('<td style="height: 5px; background-image: url(\'' + baseUrl + 'image/imgplayer/bg/bottomcenter.png\');">');
			
			sb.append('</td>')
			sb.append('<td style="width: 5px; height: 5px; background-image: url(\'' + baseUrl + 'image/imgplayer/bg/bottomright.png\');">');
			
			sb.append('</td>')	
			sb.append('</tr>');					
			sb.append('</table>');
		
		sb.append('</td>');
		sb.append('</tr>');
		sb.append('</table>');
		
		divCont.innerHTML = sb.toString();
		
	}
	
	function imagePlayerHandler(dir)
	{

		var stillsLength = g_stills.length;		
		g_selectedStill = g_selectedStill + dir;
		
		if(g_selectedStill >= stillsLength)
		{
		g_selectedStill = 0;
		}
		else if(g_selectedStill == -1)
		{
		g_selectedStill = g_stills.length - 1;
		}
				
//				alert(g_selectedStill);
		
		var img = g_main.domExists('stillsImg');
		img.src = g_stills[g_selectedStill].Url;
		
		var imgcounter = g_main.domExists('imgcounter');
		imgcounter.innerHTML = (g_selectedStill + 1) + ' av ' + g_stills.length;
	}
	
	function killImagePlayer()
	{
		g_main.killDom('imageVideoPlayer');
		g_main.killDom('imageVideoPlayerContent');
	}
	
		
	var g_stills = 
		[
			{"Url": stillsUrl + "/1.jpg"},
			{"Url": stillsUrl + "/2.jpg"},
			{"Url": stillsUrl + "/3.jpg"},
			{"Url": stillsUrl + "/4.jpg"}
							
		]
		
		
	function getTwitterContent()
	{
		  new TWTR.Widget({
		  version: 2,
		  type: 'profile',
		  rpp: 5,
		  interval: 6000,
		  width: 'auto',
		  height: 300,
		  theme: {
		    shell: {
		      background: '#6A323B',
		      color: 'white'
		    },
		    tweets: {
		      background: '#6A323B',
		      color: 'white',
		      links: '#FBD4DA'
		    }
		  },
		  features: {
		    scrollbar: true,
		    loop: false,
		    live: true,
		    hashtags: false,
		    timestamp: true,
		    avatars: false,
		    behavior: 'all'
		  }
		}).render().setUser('patrikisaksson').start();
		
	}
	function genTwitterBulk()
	{
	
		var tw_temp = g_main.domExists('twitterbulk_temp');
		var tw = g_main.domExists('twitterbulk');
		tw.appendChild(tw_temp);
		tw_temp.style.visibility = '';
		tw_temp.style.position = '';
		
	}