var browserName=navigator.appName;
var browserVer=navigator.appVersion;
var thatImage;
var operaImage;
var increment = 0;
var pathToImageDir='img/'; // set path to the image dir where are backgrounds for 'join-background-helpers'
var linkk;
var submainmenu;
var countt = 1;
var countt2 = 1;
var secondPlaying = true;
var howMany;
var howMany2;

/* join background helpers vars */
var jbh_rewriting = false; // turns on/off rewriting the CSS selectors in element with 'jbh_rewrite' ID parametr
var jbh_rewrite_dir = '../img/'; //relative (to css sheet) path to place where images are
var jbh = false; // turns on/off join-background-helpers

$(window).bind("load", function() { $("div#mygalone").slideView() });
$(window).bind("load", function() { $("div#mygalone2").slideView2() });

$(document).ready( function() {
	
	if (browserName == "Microsoft Internet Explorer" && browserVer.indexOf(7.0) > -1) {
		//alert('welcome ie7 user!');
		$('head').append('<link rel="stylesheet" href="./css/ie7.css" media="screen" type="text/css" />');
	} 	
	
	

	
	$('#mygalone').mouseout( function() {
		$('.submenuswrapper ul').removeClass("submenusshow");
		$('*').removeClass('lihoveritem');
		$('*').removeClass('hoveritem');
		$('#'+submainmenu).html(linkk);
	})
	
	//clear all values in text-type inputs after click on them:
	$('input').click( function() {
		if ($(this).attr('type')=="text") {
			$(this).attr('value','');			
		}
	})		
	
	//adding the corners with these parameters to everyone div with 'corner' class
	//$('.corner').corner("round 8px").parent().css('padding', '2px').corner("round 10px");
	//$('.corner').parent().css('background-color', '#E1E3E2');
	//to use that - paste file inclusion of jquery.corner.js in HEAD section:
	//<script type="text/javascript" src="js/jquery.corner.js"></script>
	
	if (browserName == "Microsoft Internet Explorer" && browserVer.indexOf(6.0) > -1) {
	// this one should runs on ie6
	}
	
	// specify style sheets for browsers: //
	// when directory structure are different, below paths to sheets should be changed! // 
	

	
	if (browserName == "Opera") {
		//alert('welcome opera user!');
		$('head').append('<link rel="stylesheet" href="./css/opera.css" media="screen" type="text/css" />');
	}
	
	if ((navigator.userAgent.indexOf("Firefox")!=-1)) {
		//alert('welcome firefox user!');
		$('head').append('<link rel="stylesheet" href="./css/firefox.css" media="screen" type="text/css" />');		
	}
	
	if ((navigator.userAgent.indexOf("Safari")!=-1)) {
		//alert('welcome safari user!');
		$('head').append('<link rel="stylesheet" href="./css/safari.css" media="screen" type="text/css" />');		
	}
	
	if (navigator.userAgent.toLowerCase().indexOf('chrome')>0) {
		//alert('welcome google chrome user!');
		$('head').append('<link rel="stylesheet" href="./css/gchrome.css" media="screen" type="text/css" />');		
	} 
	
	
	
	// etc
	
	//join-background-helpers - the usage of this feature is in files readme.txt and join-backgroun-helper-example.html
	
		if (jbh) {
			$('.jjpg').each(function(){
				joinBgHelper($(this), 'jpg');
			});
			$('.jjpeg').each(function(){
				joinBgHelper($(this), 'jpeg');
			});
			$('.jgif').each(function(){
				joinBgHelper($(this), 'gif');
			});
			$('.jpng').each(function(){
				joinBgHelper($(this), 'png');
			});
			$('.jbmp').each(function(){
				joinBgHelper($(this), 'bmp');
			});
		}

	//multiple join-background-helpers - the usage of this feature is in files readme.txt and join-backgroun-helper-example.html
	
		$('.jmjpg').each( function() {
			joinMultipleBgHelper($(this),'jpg');
		});
		$('.jmgif').each( function() {
			joinMultipleBgHelper($(this),'gif');
		});		
		$('.jmpng').each( function() {
			joinMultipleBgHelper($(this),'png');
		});	
		$('.jmbmp').each( function() {
			joinMultipleBgHelper($(this),'bmp');
		});				
});

/*
example of jquery flash-pluggin usage:
$(document).ready(function(){
    $('#flashbanner').flash(
        { src: 'img/flash/file.swf',
          width: 694,
          height: 401 }
    );
});
*/

function joinBgHelper(jbh_object,extention) {
			jbh_object.css("background-image","url("+pathToImageDir+"/"+jbh_object.attr("id")+"."+extention+")");
			if (jbh_object.is('.s')) {
				var path = pathToImageDir+jbh_object.attr("id")+"."+extention;
				path = path.replace(/^\s*|\s*$/g,'');
				setSixeFromImage(path,jbh_object)
			}	
}

function joinMultipleBgHelper(jbh_object,extention) {
	var bground = jbh_object.attr('class').split(' ').slice(-1);
	jbh_object.css("background-image","url("+pathToImageDir+"/"+bground+"."+extention+")");
			/*if (jbh_object.is('.s')) {
				if (navigator.userAgent.indexOf('Safari') != -1) {
					jbh_object.html(jbh_object.html()+'img class="hide" name="' + jbh_object.attr('class').split(' ').slice(-1) + '" src="' + pathToImageDir + "/" + jbh_object.attr('class').split(' ').slice(-1) + '.'+extention+ '" /');
					$('img').load(callback).each(callback);
				} else {
					var path = pathToImageDir+bground+"."+extention;
					setSixeFromImage(path, jbh_object, false, false)
				}
			}*/
}

function setSixeFromImage(urlPath,jbh_object,w,h) {
			if (navigator.userAgent.indexOf('Opera') != -1) {
				thatImage = new Image();
				thatImage.src = urlPath;
				jbh_object.css("display", "block");
				jbh_object.css("width", thatImage.width + "px");
				jbh_object.css("height", thatImage.height + "px");
				jbh_object.html(jbh_object.html() + '<img class="hide" id="joinimageobject_' + increment + '" src="' + thatImage.src + '">');
				$('#joinimageobject_' + increment).load( function() {
					$(this).parent().css("width",$(this).width()+"px");
					$(this).parent().css("height",$(this).height()+"px");
				})
				increment++;	
			} else {
				thatImage = new Image();
				thatImage.src = urlPath;
				jbh_object.css("display", "block");
				jbh_object.css("width", thatImage.width + "px");
				jbh_object.css("height", thatImage.height + "px");
				jbh_object.html(jbh_object.html() + '<img class="hide" id="joinimageobject_' + increment + '" src="' + thatImage.src + '">');
				$('#joinimageobject_' + increment).load(callback).each(callback);
				increment++;				
			}		
}

function callback(){
    var el = $(this);
    if(el.data('loaded') || el.width() === 0)
        return;
    el.data('loaded', 1);
	//this one based on post: http://stackoverflow.com/questions/1126272/are-image-properties-part-of-the-dom-jquery-webkit-inconsistency-with-other-br

	el.parent().css("height", el.height() + "px");
	el.parent().css("width", el.width() + "px");
	el.parent().html(el.parent().html());
}

$(document).ready( function() {
	
	jbh_rewritings('jpng');
	jbh_rewritings('jjpg');
	jbh_rewritings('jgif');
	//jbh_rewritings('jjpeg');
	//jbh_rewritings('jbmp');	
	
	function jbh_rewritings(what) {
	
		if (jbh_rewriting && jbh) {
			alert('rewriting css of '+what);
			$('.'+what).each(function(){
				var exten = $(this).attr("style");
				exten = exten.replace(pathToImageDir, '../img/');
				document.getElementById("jbh_rewrite").innerHTML += '#' + $(this).attr("id");
				document.getElementById("jbh_rewrite").innerHTML += ' {<br/>';
				document.getElementById("jbh_rewrite").innerHTML += exten;
				document.getElementById("jbh_rewrite").innerHTML += '<br/>}<br/><br/>';
			});
			$('#jbh_rewrite').css('background-color','yellow');
			$('#jbh_rewrite').css('color','red');
		}
	}
	
	
		
});


function slideIt(id) {
	if (id==0) {
		slideIt($('#mainslidee .stripTransmitter li a').size())
	} else {
		if (id <= $('.stripTransmitter li a').size()) {
			$('#mainslidee .stripTransmitter li a').each(function(){
				if ($(this).html() == id) {
					$(this).click()
				}
			})
		} else {
		slideIt(1)
		}		
	}
}

function slideIt2(id) {
	if (id==0) {
		slideIt2($('.columnleft .stripTransmitter2 li a').size())
	} else {
		if (id <= $('.columnleft .stripTransmitter2 li a').size()) {
			$('.columnleft .stripTransmitter2 li a').each(function(){
				if ($(this).html() == id) {
					$(this).click()
				}
			})
		} else {
		slideIt2(1)
		}		
	}
}

if (browserName == "Microsoft Internet Explorer") {
	var t=setTimeout("countIt()",21000);
} else {
	var t=setTimeout("countIt()",6000);
}

function countIt() {
	howMany = parseInt($('#mainslidee .stripTransmitter li a').size())
	//alert(howMany);
	
	//$('#book').html(countt);
	
	if (countt<howMany) {
		slideIt(countt)
		countt++
	} else {
		slideIt(countt)
		countt=1;
	}
	var t2=setTimeout("countIt()",4000);
	
}

if (browserName == "Microsoft Internet Explorer") {
	var t=setTimeout("countIt2()",20000);
} else {
	var t=setTimeout("countIt2()",4000);
}

function countIt2() {
	howMany2 = parseInt($('.columnleft .stripTransmitter2 li a').size())
	
	if (secondPlaying) {
	
		if (countt2 < howMany2) {
			slideIt2(countt2)
			countt2++
		}
		else {
			slideIt2(countt2)
			countt2 = 1;
		}
		var t2 = setTimeout("countIt2()", 4000);
	}
}

function secondPlayingStop() {
	secondPlaying = false;
}