$(document).ready(function() { 
$(".picturelink a").attr("rel", "cslide");	
	  if($("[rel='csingle'], [rel='cfade'], [rel='cslide'], .colorbox, .youtube, .iframe, [rel='gallerybox']").length)
            {   
                $.insert(WB_URL+ '/modules/colorbox/jquery.colorbox.js');
				
				
				//ivalojokigalleria:
				var colorboxohje=0;
				var imageurlcolorbox;
				var alkuteksticolorbox="<span class=\"firsttimehelp\">Avaa seuraava kuva klikaamalla kuvaa</span><br />\n";
				$("a[rel='gallerybox']").colorbox({
				loop:false, 
				href: function(){
				var urlphp=$(this).attr('href'); //index.php?si=kuvat&tkuva=dsc06324_koira.jpg&nro=20#alas
				
				
				urlphp = urlphp.split('='); //dsc06324_koira.jpg&nro
				urlphp = urlphp[1].split('#'); //dsc06324_koira.jpg&nro=20
				//alert (urlphp[0]); // == kuvanimi, ehkä &nro lopussa..

				urlphp = urlphp[0].split('&'); //dsc06324_koira.jpg
				


				urlphp[0]='../../../../ivalojokigalleria/img/'+urlphp[0];
				
				imageurlcolorbox=urlphp[0];
				
				return urlphp[0];
				}
				,title: function(){
					//var url = $(this).attr('href');
					var nameurl = $(this).attr("title");
					if (colorboxohje<1)
						{
						nameurl = alkuteksticolorbox+nameurl;
						colorboxohje=1;
						}
					return nameurl+'<br /><a href="'+imageurlcolorbox+'" target="_blank" title="Avaa kuva uudessa ikkunassa" class="smallimglink">Linkki t&auml;h&auml;n kuvaan..</a>';
				}
				
				
				
				
				});
					

                $(".colorbox").colorbox({
                                                maxWidth:"1200px",
                                                maxHeight:"850px",
                                                opacity: "0.7"                                 

                });
		$("a[rel='csingle']").colorbox({
						opacity: "0.7",
                                                maxWidth:"90%",
                                                maxHeight:"90%",
						current: "Bild {current} von {total}"								
                                               });
		$("a[rel='cfade']").colorbox({
                                                 transition:"fade",
                                                 opacity: "0.7",
                                                 maxWidth:"90%",
                                                 maxHeight:"90%",
						 current: "Bild {current} von {total}",
                                                 speed: 800
                                             });
		$("a[rel='cslide']").colorbox({
                                                 slideshow:true,
                                                 slideshowSpeed:6000,
                                                 slideshowAuto:true,
                                                 transition:"elastic",
                                                 speed:500,
                                                 opacity: "0.7",
                                                 maxWidth:"90%",
                                                 maxHeight:"90%",
                                                 previous:"zur&uuml;ck",
                                                 next:"vor",
                                                 close:"schlie&szlig;en",
                                                 current: "Bild {current} von {total}",
                                                 slideshowStart: "Diashow starten",
                                                 slideshowStop: "Diashow anhalten"
                                               });
		$(".youtube").colorbox({
                                                iframe:true,
                                                width:650,
                                                height:550
                                       });
		$(".iframe").colorbox({
                                                width:"90%",
                                                height:"90%",
                                                iframe:true
                                       });
}    
});