// swap the main ipad image.
function swapIpad() {
	if (document.getElementById('mainIpad')) {
		if (document.getElementById('mainIpad').className == "iPadPortrait") {
			document.getElementById('mainIpad').setAttribute("class", "iPadLandscape");
		} else {
			document.getElementById('mainIpad').setAttribute("class", "iPadPortrait");		
		}

	}
}


function faqdisplay(item) {

	var e = item;
	var toggleDisplay = "none";
	e = e.substring(4,6);
	e = document.getElementById('i' + e + '-1');
	if (e.style.display == 'block') {		
		toggleDisplay = "none";
	} else {
		toggleDisplay = "block";
	}
	
	//alert(e);
	
	// Hide all the faqs.
	document.getElementById('i1-1').style.display = "none";
	document.getElementById('i1-2').style.display = "none";
	document.getElementById('i1-3').style.display = "none";
	document.getElementById('i2-1').style.display = "none";
	document.getElementById('i2-2').style.display = "none";
	document.getElementById('i2-3').style.display = "none";
	document.getElementById('i3-1').style.display = "none";
	document.getElementById('i3-2').style.display = "none";
	document.getElementById('i4-1').style.display = "none";
	document.getElementById('i5-1').style.display = "none";
	document.getElementById('i5-2').style.display = "none";
	document.getElementById('i6-1').style.display = "none";
	document.getElementById('i7-1').style.display = "none";
	document.getElementById('i8-1').style.display = "none";
	document.getElementById('i9-1').style.display = "none";
	document.getElementById('i10-1').style.display = "none";
	document.getElementById('i11-1').style.display = "none";
			
	// show the item clicked on.
	switch(item) {
		case 'item1':
			document.getElementById('i1-1').style.display = toggleDisplay;
			document.getElementById('i1-2').style.display = toggleDisplay;
			document.getElementById('i1-3').style.display = toggleDisplay;
			break;
		case 'item2':
			document.getElementById('i2-1').style.display = toggleDisplay;
			document.getElementById('i2-2').style.display = toggleDisplay;
			document.getElementById('i2-3').style.display = toggleDisplay;
			break;
		case 'item3':
			document.getElementById('i3-1').style.display = toggleDisplay;
			document.getElementById('i3-2').style.display = toggleDisplay;
			break;
		case 'item4':
			document.getElementById('i4-1').style.display = toggleDisplay;
			break;
		case 'item5':
			document.getElementById('i5-1').style.display = toggleDisplay;
			document.getElementById('i5-2').style.display = toggleDisplay;
			break;
		case 'item6':
			document.getElementById('i6-1').style.display = toggleDisplay;
			break;
		case 'item7':
			document.getElementById('i7-1').style.display = toggleDisplay;
			break;
		case 'item8':
			document.getElementById('i8-1').style.display = toggleDisplay;
			break;
		case 'item9':
			document.getElementById('i9-1').style.display = toggleDisplay;
			break;
		case 'item10':
			document.getElementById('i10-1').style.display = toggleDisplay;
			break;
		case 'item11':
			document.getElementById('i11-1').style.display = toggleDisplay;
			break;
			
	}
}





// set cookies
function createCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";

}

function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}

function eraseCookie(name) {
	createCookie(name,"",-1);
}

//createCookie('odwPopUpCounter','1',2);







// Popup.
$(document).ready(function() {	

	//select all the a tag with name equal to modal
	//$('a[name=modal]').click(function(e) {
		//Cancel the link behavior
		//e.preventDefault();
	function runDialog(vars) {	
		//Get the A tag
		//var id = $(this).attr('href');
		var id = $('#dialog')
	
		//Get the screen height and width
		var maskHeight = $(document).height();
		var maskWidth = $(window).width()+20;
	
		//Set heigth and width to mask to fill up the whole screen
		$('#mask').css({'width':maskWidth,'height':maskHeight});
		
		//transition effect		
		$('#mask').fadeIn(1000);	
		$('#mask').fadeTo("slow",0.8);	
	
		//Get the window height and width
		var winH = $(window).height();
		var winW = $(window).width();
              
		//Set the popup window to center
		$(id).css('top',  winH/2-$(id).height()/2);
		$(id).css('left', winW/2-$(id).width()/2);
	
		//transition effect
		$(id).fadeIn(2000); 
	}
	//});
	
	//if close button is clicked
	$('.window .close').click(function (e) {
		//Cancel the link behavior
		e.preventDefault();
		
		$('#mask').hide();
		$('.window').hide();
	});		
	
	//if mask is clicked
	$('#mask').click(function () {
		$(this).hide();
		$('.window').hide();
	});			
	
	
	
	
	
	
	//console.log("1: running");
		
	//readCookie('odwPopUpCounter')
		
	index = document.cookie.indexOf('odwPopUpCounterWTG');
	if (index != -1) {
		//console.log("2: set");
		// cookie set dont show popup again.
		
	} else {
		//console.log("3: not set");
		// cookie not set show popup.
		
		createCookie('odwPopUpCounterWTG','1',2);
		
		// test for iphone or ipad
		if (navigator.userAgent.match(/iPhone/i)) {
			
			$('#boxes').delay(2000).queue(function() {
				runDialog("iphone");
				//$(this).remove();
			});
			
		}
		if (navigator.userAgent.match(/iPad/i)) {
			
			$('#boxes').delay(2000).queue(function() {
				runDialog("ipad");
				//$(this).remove();
			});
			
		} else {
			$('#boxes').delay(2000).queue(function() {
				runDialog("other");
				//$(this).remove();
			});
		}
		
		
	}

});